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说 明 


本 书 版 权 属 于 北京 大 学 出 版 社 有 限 公 司 。 版 权 所 有 ， 侵 
权 必 完 。 

本 书 电子 版 仅 提供 给 高 校 任课 教师 使 用 ， 如 有 任课 教师 
需要 全 本 教材 浏览 或 需要 本 书 课件 等 相关 教学 资料 ， 请 联系 
北京 大 学 出 版 社 客服 ， 微 信 手 机 同 号 : 15600139606， 扫 下 
面 二 维 码 可 直接 联系 。 

由 于 教材 版 权 所 限 ， 仅 限 任 课 教 师 索取 ， 谢 谢 ! 





内 容 简 介 
本 书 从 教学 及 专业 设计 的 角度 出 发 ， 系 统 地 探讨 了 编排 设计 背景 、 原 理 与 实践 方法 ， 以 大 量 的 图 片 
和 案例 阐明 编排 设计 的 方法 与 流程 ， 内 容 包括 概述 、 编 排 设 计 的 历史 与 发 展 、 编 排 设计 的 基本 要 素 、 编 
排 设计 原理 、 编 排 设 计 的 视觉 流程 、 软 件 的 合理 使 用 及 印刷 工艺 、 编 排 设 计 在 平面 设计 各 领域 中 的 应 用 
7 个 章节 。 本 书 通过 编排 设计 的 构成 要 素 和 设计 原理 的 讲解 和 运用 ， 使 读者 能 获得 感性 和 理性 认识 上 的 
提高 ， 同 时 也 为 版 面 设计 师 的 实际 工作 提供 了 很 多 参考 案例 。 
本 书 可 作为 高 等 院 校 艺术 设计 类 专业 的 教材 ， 也 可 作为 设计 从 业 人 员 和 爱好 者 的 自学 参考 用 书 。 
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计 艺术 ， 它 研究 的 是 平面 设计 的 视觉 语言 与 艺术 风格 。 版 


en 宣传 样品 、 


设计 的 范围 


本 书 特点 
编排 设计 对 于 视觉 传达 设计 而 言 是 一 门 相 对 具有 独立 性 的 设 





涉及 报纸 、 书 籍 、 广 
计 、 网 页 设计 等 各 类 平面 设计 3 
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本 书 结合 高 等 院 芝 林 设计 专业 教学 大 网 和 教学 计划 的 要 
求 ， 以 先进 的 教学 人 : 指导 ， 以 前 沿 的 意识 更 新 知识 观念 ， 坚 


寺 理 论 联系 实际 
的 设计 方法 ， 交 出 原创 性 的 i 计 训 乡 广 对 现代 版 

















种 研究 训练 途径 ， 丰 富 了 版 本 计 的 研究 内 容 。 
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教学 内 容 


单元 训练 


作业 


点 培养 学 生 的 实践 操作 能 力 ; 同时 强调 科学 


编排 提出 了 多 


本 教材 可 适应 和 8 学 时 、 60 学 时 等 多 种 层次 的 教学 〈 详 见 下 表 
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(1) 教 材 严格 按照 教学 计划 要 求 编写 ， 从 教学 内 容 、 单 元 训 
练 、 学 时 、 重 点 、 难 点 等 方面 进行 了 充分 考虑 ; 授课 形式 包括 讲 
课 、 自 学 、 作 业 及 实践 指导 等 方面 。 

(2) 本 课程 可 安排 在 第 4 学 期 进行 ，12 学 时 / 周 。 一 般 院 校 纺 
排 设计 课程 安排 的 是 4 周 48 学 时 ， 内 容 涵 盖 本 书 第 1 一 6 章 ， 第 
7 章 可 以 作为 学 生 的 课余 学 习 和 欣赏 ， 专 业 设 计 院 校 安排 的 是 5 
周 60 学 时 ， 内 容 涵 盖 全 书 的 内 容 ， 以 期 让 学 生 在 理论 和 实践 两 





方面 都 有 所 突破 ， 满 足 更 专业 的 编排 设计 教学 。 

本 书 的 写作 得 到 了 “中 央 高 校 基本 科研 业务 费 专项 资金 资助 
(RW2011-2) ”(supported by “the Fundamental Research Funds for 
the Central Universities (RW2011-2) ”) ， 在 资料 整理 、 图 片 扫描 等 
方面 得 到 了 斑 圣 清 乔 玮 洁 、 李 庆 、 赵 柄 等 同学 的 支持 。 北 京 林 
业 大 学 艺术 系 近年 来 的 部 分 学 生 作品 也 呈现 其 中 ， 以 求 更 全 面 地 
展现 在 编排 创意 设计 教学 中 的 探索 成 果 。 

由 于 编者 水 平 有 限 ， 加 之 时 间 仓促 ， 虽 数 易 其 稿 ， 但 书 中 的 
不 足 之 处 仍 在 所 难免 ， 敬 请 专家 、 学 者 及 广大 读者 指正 。 
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第 概 


1 章 


本 章 概述 和 目标 : 


概述 : 编排 设计 的 基本 概念 ;编排 设计 是 一 种 重要 的 视觉 传达 语言 


述 


编排 设计 是 


视觉 设计 专业 重要 的 基础 课程 编排 设计 课程 的 主要 内 容 。 





目标 


通过 理论 传授 使 学 生 对 编排 设计 的 基本 概念 有 所 认识 ， 


了 解 编排 设计 是 视 


觉 传 达 设计 专业 中 重要 的 基础 课程 ， 为 学 好 编排 设计 课程 打 好 基础 。 


本 章 要 点 : 


了 解 编排 设计 的 概念 ， 熟 知 编排 设计 的 基本 原则 和 设计 功能 。 


xk 


编排 设计 ， 通 常 称 为 “版 面 设 计 ”， 
它 是 平面 设计 过 程 中 的 一 个 重要 环节 ， 通 
过 文字 、 图 形 、 色 彩 等 构成 要 素 向 人 们 有 
效 地 传达 信息 。 编 排 的 目的 就 是 将 画面 上 
的 各 元 素 按照 一 定 审美 规律 进行 视觉 上 的 
重新 整理 和 配置 ， 同 时 结合 艺术 设计 的 具 
体 特点 ， 使 其 迅速 、 快 捷 地 传递 信息 。 

1. 本 课程 教学 的 目的 与 原则 

本 课程 注重 设计 前 沿 理论 的 研究 和 
开发 ， 通 过 编排 设计 ， 可 以 加 强 学 生 对 形 
体 、 空 间 的 敏锐 感受 能 力 ， 使 学 生 掌 握 设 
计 的 视觉 要 素 、 构 成 要 素 ， 编 排 设 计 表现 
内 容 与 形式 的 关系 、 设 计 要 素 及 其 构成 规 
律 与 方法 ， 以 及 各 种 应 用 性 设计 的 形式 特 
点 。 通 过 图 例 的 分 析 讲 解 ， 明 确 课题 目 























编排 设计 的 概念 及 设计 原则 


标 ， 利 用 各 种 教学 手段 促进 课程 阶段 教学 
目标 的 实现 ， 最 终 完成 有 针对 性 的 课题 训 
练 ， 从 而 使 设计 的 作品 更 能 吸引 观众 、 打 
动 观众 ， 使 作品 内 容 更 清晰 ， 更 有 条 理 地 
传达 给 观众 。 

本 课程 的 目标 是 使 学 生 在 具有 扎实 
的 设计 美学 基础 知识 的 同时 ， 更 要 具备 实 
践 操作 能 力 。 编 排 设计 是 艺术 设计 专业 的 
基础 学 科 ， 通 过 这 门 课程 的 学 习 ， 能 有 效 
地 激发 学 生 们 的 艺术 潜质 、 思 维 方式 和 创 
造 能 力 。 培 养 学 生 掌 握 科学 的 思维 方法 ， 
搭建 完备 的 设计 理念 ， 构 建 合理 的 设计 知 








识 体系 ， 自 觉 地 运用 编排 设计 原理 进行 艺 
术 设 计 。 


BS) 








教师 在 教学 中 除了 系统 地 讲授 一 些 常 规 知识 点 外 ， 更 要 注重 在 设计 教学 领域 中 确 
定 新 的 目标 ， 强 调 传统 与 现代 的 衔接 ， 引 导 学 生 掌 握 现 代 编 排 设计 知识 ， 学 习 新 颖 、 
现代 的 设计 手法 ， 培 养 靳 新 的 设计 理念 ， 以 适应 时 代 和 社会 的 需要 。 

2， 本 课程 的 重点 与 难点 

本 课程 的 重点 是 在 案例 教学 中 ， 培 养 学 生 整 体 把 握 编排 设计 中 文字 、 图 形 、 符 
号 、 色 彩 、 尺 度 、 空 间 等 要 素 的 构成 关系 和 特定 的 信息 需要 ， 按 照 美感 原则 和 人 的 阅 
读 特 性 进行 组 织 、 构 成 和 排版 ， 使 版 面具 有 一 定 的 视觉 美感 ， 适 合 阅 读 习 惯 ， 引 起 人 
的 阅读 兴趣 。 

是 把 握 具 体 设计 内 容 与 形式 表现 之 间 的 关系 ， 文 字 与 文字 、 文 字 与 图 形 之 间 














整体 与 局 部 的 构成 关系 以 及 网 格 编排 系统 ， 如 图 1. 1 一 图 1. 8 所 示 。 








图 1. 1 “青年 公正 信任 ” 
(Youth Justice Trust) 年 度 
民 告 


图 1. 2 ” iPad 导航 页 面 ;A 
每 

















图 1. 3 《粉红 丝带 》 和 杂志 广告 /通过 最 直接 的 画面 和 文字 ， 表 达 了 杂志 对 于 女 
性 的 关怀 


图 1.4 文字 的 县 印 产生 透明 感 和 空间 感 


到 1.5 海报 《CAMPARI》/ 布 鲁 诺 。 马 德里 /红色 的 背景 ， 文 字 “CAMPARI” 
交互 登 加 ， 版 面 布局 随意 而 灵活 
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图 1.6 公众 戏剧 节 1995 一 1996 海 报 / 保 图 1.7 “五 味 ” 工 作 室 网 站 主页 和 二 级 页 面 设 
拉 。 斯 奇 尔 ， 丽 莎 .马祖 尔 计 / 李 典 珊 
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图 1.8 Haagse Zomer 海 报 


1.2 编排 设计 课 的 教 与 学 


《编排 创意 设计 》 课 程 应 充分 体现 “以 学 生 为 主体 ， 以 教师 为 主导 ， 以 教 
学 内 容 为 中 心 ” 的 教学 指导 原则 ， 把 “教师 中 心 ”和 “学 生 中 心 ” 两 者 的 长 处 吸 
收 过 来 ， 并 把 两 者 的 消极 因素 予以 避免 ， 让 教师 与 学 生 在 “ 教 与 学 ”的 过 程 中 ， 
更 多 地 去 主动 思考 、 主 动 探 索 、 主 动 发 现 。 在 教学 方法 上 ， 实 行 集中 讲授 与 个 人 
辅导 相 结合 ， 采 用 因材施教 的 原则 。 认 真 去 研究 教学 规律 ， 结 合 本 专业 的 特点 
合理 地 制定 教学 大 岗 ， 建 立 起 完善 的 教学 体制 。 同 时 在 保证 编排 设计 基础 理论 教 
学 的 基础 上 ， 折 展 学 生 的 思维 潜能 ， 启 发 学 生 的 创新 意识 ， 培 养 学 生 独 具 个 性 的 
审美 情操 ， 为 培养 出 更 多 的 优秀 设计 人 才 打下 良好 基础 。 让、 

1， 理 论 教 学 LK 9. 

从 放下 全 负责 机 学 和 对 天 吕 有 
统 的 了 解 。 

理论 课 应 该 ns 严格 遵循 编排 设计 课 
程 的 内 在 规律 。 一 方面 注重 课程 的 整体 性 、 演 统 性 与 连贯 性 ， 使 之 前 学 习 的 专 
业 知 识 ( 如 设计 色彩 、 字 体 设计 、 图 肛 创意 等 ) 能 够 成 为 后 面 课程 学 习 的 坚实 基 
础 ， 进而 不 断 完善 学 生 的 知识 体系 》 另 一 方面 要 从 专业 设计 师 的 角度 出 发 ， 向 
学 生 全 面 系统 地 介绍 编排 设计 的 基本 原理 法则 人 计 解 的 每 一 个 概念 ， 都 要 
配 以 相应 的 图 例 并 给 也 详细 解析 。 

在 教学 过 程 中 ?教师 应 该 根据 教学 有 的 、 二 方面 充分 发 挥 多 媒体 教学 # 的 优 
势 ， 运 用 一 些 视频 资料 ， 使 学 生 对 专业 理 诊 知 识 有 更 直观 的 了 解 。 另 一 方面 充分 
利用 现代 网 络 的 优势 ， 查 阅 并 判断 、 选 择 、 组 织 网 上 信息 ， 同 时 以 多 种 网 络 手 段 
(如 即时 通信 软件 、 电 子 邮件 等 形式 ) 对 学 生 专业 知识 进行 辅导 ， 实 现 教 与 学 的 良 
性 互动 。 

2， 案 例 分 析 

案例 教学 在 编排 课程 教学 中 至 关 重要 ， 成 功 的 设计 案例 可 以 让 学 生 有 切身 
的 体会 。 所 谓 案例 教学 就 是 把 抽象 的 原理 、 概 念 具象 化 ， 把 学 生 置 身 于 实际 的 情 
景 之 中 ， 让 学 生 不 仅 掌 握 原理 、 概 念 所 具有 的 特定 含义 ， 而 且 认识 这 些 原理 、 概 
念 在 实际 生活 中 的 表现 。 

案例 的 选择 方面 要 体现 “经 典 化 ”和 “前 沿 化 ”， 案 例 选 择 合适 ， 讲 解 起 
来 就 会 思路 清晰 、 逻 辑 性 强 ， 就 会 很 好 地 说 明理 论 问题 。 对 于 编排 案例 ， 教 师 
不 直接 提供 答案 ， 而 是 提供 与 此 案 相关 的 背景 资料 ， 由 学 生 自己 发 现 答案 ， 使 
学 生 因 答 案 未 知 而 充满 好 奇 ， 进 而 形成 强烈 的 期 待 ， 这 样 会 使 案例 的 整个 面貌 
在 问题 的 自我 探索 中 逐渐 展开 。 另 一 方面 ， 案 例 讨论 应 以 学 生 为 主 ， 以 求 自 辩 
自明 。 教 师 可 以 让 学 生 自己 来 阅读 案例 ， 学 生 阅读 、 讨 论 案例 的 过 程 ， 既 是 温 
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习 旧 有 理论 的 过 程 ， 也 是 自学 新 内 容 的 过 程 ， 而 且 学 生 为 准备 案例 会 主动 
从 图 书馆 、 网 络 上 获取 资料 。 在 讨论 结束 后 ， 教 师 要 及 时 总 结 从 该 案例 中 
可 以 学 到 的 知识 点 、 基 本 规律 和 实践 应 用 的 启发 。 经 典 作品 的 学 习 和 鉴 
赏 ， 不 仅 有 助 于 加 大 课程 信息 量 ， 有 助 于 学 生理 解 理 论 知 识 ， 而 且 有 利于 
开阔 视野 ， 学 习 他 们 的 成 功 经 验 ， 借 鉴 他 们 的 思考 方式 ， 对 学 生 步 入 设计 
舞台 具有 重要 意义 。 

3， 学 术 研究 

在 课程 教学 过 程 中 ， 对 涉及 课程 相关 知识 点 的 深入 研究 ， 教 师 给 
究 课题 ， 例 如 传统 书籍 版 式 设计 分 析 、 网 格 系统 设计 等 ， statind 
术 书 目 ， 指 导 学 生 在 课程 之 外 进行 有 目的 的 选择 研究 ， 鼓 励 学 生 增 强 设计 
的 文化 意识 。 学 生 在 教师 的 引导 下 讨论 和 交流 ， 共 同 建立 起 学 习 群 体 并 成 
为 其 中 的 一 员 。 KA 
在 课堂 教学 之 余 ， 教师 还 可 以 和 用 各 种 社会 和 源 、 采取 走出 去 、 请 进 
来 的 办 学 方式 ， 有 目的 地 邀请 有 关 专家 、 学 者 以 及 专业 广告 界 的 精英 、 著 
名 设计 师 等 来 校 不 定期 地 进行 学 术 交流 与 讲座 活动 ， 让 他 们 与 学 生 进行 面 
对 面 的 探讨 ， 通 过 实际 操作 ， 丰 富 与 补充 课堂 理论 教学 的 单一 与 局 限 。 
业界 人 士 的 学 术 沟通 、 交 流 ， 能 使 不同 的 教学 形式 变 得 生动 活 泌 ， 闫 此 
平 意料 的 创意 。 在 学 术 交流 中 教师 应 该 起 到 数据 导 引 和 知识 链接 的 作用 ， 

+ 学 生 在 扩大 知识 面 的 同时 台所 高 专 业 素养 

4， 模 拟 实战 2 

作为 一 门 实 号 性 很 强 的 课程 模拟 实战 应 建立 在 项 目 命题 和 市 场 调研 
的 基础 上 , -利用 课堂 上 所 学 的 泛 性 的 课程 理论 教学 和 常规 式 的 编排 设计 程 
序 内 容 ,/ 通 过 文字 、 图 形 、 色 彩 和 编排 组 合 的 运用 ， 将 创意 的 视觉 形态 转 
化 为 设 证 语言 。 评 审 将 以 实际 设计 案例 为 标准 ， 学 生 以 小 组 为 单位 ， 各 小 
组 之 间 相 互 评价 ， 提 出 合理 建议 ， 再 由 指导 教师 根据 个 人 完成 项 目 质量 和 
答辩 表现 ， 分 阶段 、 多 角度 、 综 合 性 地 评 出 学 生 个 人 的 实际 成 绩 ， 由 此 完 
成 学 生 对 真实 性 主题 的 理解 与 领悟 创意 表现 ， 使 之 有 效 地 激发 师 生 教 与 学 
的 热情 。 

模拟 实战 教学 ， 既 训练 了 学 生 的 动手 能 力 ， 学 生 又 从 中 了 解 市 场 、 体 
险 市 场 。 教 学 过 程 不 仅 能 使 学 生 提 前 感受 工作 的 氛围 ， 更 重要 的 是 能 时 时 
跟 进 市 场 ， 适 应 市 场 对 人 才 培 养 的 需求 ， 并 为 掌握 当代 广告 设计 理念 和 实 
战 训练 奠定 基础 。 

为 了 提高 学 生 的 学 习 兴 趣 ， 本 课程 的 作业 也 可 以 与 相关 的 设计 竞赛 相 
结合 ， 这 样 可 以 激励 学 生 的 参与 意识 ， 增 强 他 们 的 自信 心 ， 如 图 1. 9 一 图 1. 15 
所 示 。 





























































































































图 1.9 世界 各 大 杂志 第 一 时 间 通 过 各 自 的 封面 设计 交 直 视 ” 日 本 3. 11 地 震 灾难 








图 1. 11 “ 莎 











发 现 100% 中 国 原 创设 计 ! 
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图 1. 12 强烈 的 对 比 ， 中 英文 排版 ， 传 递 着 设计 的 诉求 功能 


1.12|1.13 图 1. 13 专辑 “Set the Twilight Reeling” 设 计 的 海报 /史蒂芬 。 施 德 明 
dls 加 1. 14 “We Are The 0ne” 版 式 设计 / 乔 玮 洁 


1. 15” 爱 知县 立 艺 术 大 学 毕业 制作 展 告示 招贴 /白木 彰 / 汉 字 的 美 是 由 
“ 羊 ” 和 “大 ” 字 构 成 的 ， 以 色 、 形 和 版 式 来 表现 的 招贴 设计 




















单元 训练 和 作业 


1， 课 题 内 容 ， 作 品 分 析 
课题 时 间 : 1 学 时 。 
课题 主题 :分析 报 纸 的 编排 设计 。 
课题 要 求 : 
(1) 画面 简洁 、 阅 读 轻松 、 层 次 清晰 明了 。 
(2) 文字 、 图 片 编排 合理 ， 体 现 报纸 的 主要 功能 。 “一 上 信 
(3) 栏 型 的 规则 化 处 理 。 AAA 
训练 目的 :初步 了 解 编排 设计 ， 增 强 学 生 对 于 新 课程 的 信心， 了 解 看 报 人 
的 心理 、 阅 读 习惯 等 。 
2， 课 题 内 容 ， 作 品 分 析 
课题 时 间 : 1 学 时 。 PS 
课题 主题 : AN 














课题 要 求 : AR 
(1) 阅读 轻松 、 层次 清 卢 明了 x 
加 下 过 二 ER, eit 
(3) 按钮 的 位 置 和 版 式 分 布 。 2 
训练 目的 : 0 如 何 通过 编排 
设计 突出 网 页 的 核心 内 容 。 

3.， 理论 思考 

欣赏 相关 作品 ， 思 考 版 面 设计 课 应 该 如 何 学 习 。 
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第 2 章 编排 设计 的 历史 与 发 展 


本 章 概 述 和 目标 : 

概述 : 跟随 艺术 发 展 史 的 脉络 ， 深 入 浅 出 地 探寻 编排 设计 的 历史 与 发 展演 变 过 
程 ， 从 而 引导 读者 更 深入 地 认识 编排 设计 。 

目标 : 通过 对 编排 设计 历史 发 展 的 了 解 ; 为 以 后 进行 编排 设计 葛 定 设计 依据 与 理 
论 基础 。 

本 章 要 点 : 

(1) 中 国 传统 版 式 设计 的 起 源 与 发 展 。 

(2) 19 世 纪 以 来 西方 版 式 设计 的 发 展 沿革 。 





2.1 古代 文献 中 的 编排 方式 


版 面 的 产生 源 于 人 类 认识 和 改造 世界 的 需要 ， 版 面 设计 意识 是 伴随 人 类 文明 的 出 
现 而 产生 的 。 生 产 力 的 发 展 和 观念 的 革新 ， 有 力 地 推动 了 版 面 创意 的 快速 发 展 。 在 早 
期 人 类 开始 有 意识 地 记录 自己 历史 的 同时 ， 无 论 是 洞穴 壁画 、 岩 画 ， 还 是 兽 骨 上 刻写 
的 象形 文字 ， 都 是 人 类 原始 时 代 描 绘 经 济 生活 和 社会 生活 的 视觉 艺术 形式 ， 反 映 了 远 
古人 类 的 精神 生活 和 文化 样式 。 原 始 的 版 面 设计 作为 文明 的 载体 ， 不 仅 传承 了 大 量 的 
文化 信息 ， 而 且 反 过 来 推动 了 人 类 社会 向 更 广阔 的 领域 发 展 。 

随 着 社会 的 发 展 ， 思 维和 意识 的 进化 ， 文 字 语言 逐步 建立 起 来 ， 文 字 的 产生 
标志 着 人 类 文明 向 新 的 发 展 阶段 迈进 了 一 大 步 。 两 河流 域 的 苏 美 尔 人 大 约 在 公元 前 
3000 年 前 后 就 开始 利用 木片 在 湿 泥 版 上 刻画 模 形 文字 。 出 现在 公元 前 约 1792 年 至 
1795 年 之 间 的 汉 度 拉 比 石 版 ， 版 面 上 整齐 的 格子 作为 书写 的 范围 ， 是 当时 编排 方式 
的 一 个 典型 。 

在 古代 埃及 ， 象 形 文字 的 使 用 ， 无 论 在 象牙 雕刻 、 石 碑 还 是 草 纸 的 编排 上 ， 这 
些 文字 都 反映 了 当时 的 政治 、 经 济 、 宗 教 和 文化 的 各 个 方面 。 在 版 面 编排 上 体现 着 
对 称 的 构图 方式 ， 装 饰 性 很 强 ， 色 调 变 化 十 分 细微 、 有 序 ， 而 且 图 文 并 茂 ， 体 现 出 













































































极 高 的 艺术 价值 ;埃及 的 古代 文献 中 还 运用 了 许多 直线 来 分 隔 文 字 ， 和 东方 的 木版 


印刷 比较 相似 ， 形 成 一 种 错落 有致 的 感觉 ， 这 些 都 对 后 
响 ， 如 图 2. 1 一 图 2. 4 所 示 。 


























世 的 编排 设计 产 入 
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图 2. 3 《亡灵 书 》/ 具 有 现代 平面 设计 的 最 初 特征 ， 图 2.4 宣传 海报 /Woody Pirtle/ 设 计 
图 文 混 排 ， 极 具 装 饰 特点 者 采用 象形 文字 向 人 们 说 明 创造 力 的 3 
个 因素 : 眼 、 手 、 心 


2.2 中 国 古 代 书 籍 的 编排 设计 


在 古代 中 国 ， 殷 商 时 期 出 现 的 甲骨 文 和 周 朝 出 现 
的 金 文大 量 存世 ， 这 种 文字 由 图 画 发 展 而 来 的 ， 反 映 了 
古人 从 观察 到 表现 对 象 的 过 程 中 ， 具 有 整理 表象 和 加 工 
取舍 的 创造 力 ， 构 成 了 中 国文 字 设 计 的 基础 。 从 传统 的 
书籍 形态 发 展 来 看 ， 汉 字 与 拉丁 文字 的 编排 规则 有 很 大 
的 不 同 。 中 国 古代 文字 是 竖 排 模式 ， 自 右 向 左 排列 ， 书 
籍 从 左 翻 开 ， 这 一 特征 构成 了 中 国 传统 木雕 版 书 和 线装 
书 形式 的 本 质 ， 而 拉丁 文字 却 是 横行 书写 ， 自 左 向 右 排 
列 ， 书 籍 从 右 翻 开 。 

造纸 术 和 印刷 术 的 发 明 ， 使 得 编排 设计 在 中 国 迅 
速 发 展 ， 同 时 也 对 世界 文明 和 文化 的 发 展 起 着 重要 的 推 
动作 用 。 目 前 世界 上 最 早 的 印刷 品 之 一 一 一 唐 代 《金刚 
经 》， 是 公元 868 年 的 印刷 本 ， 它 是 采用 整 块 杰 板 雕刻 
而 成 ， 精 美的 插图 、 工 整 的 字体 与 整齐 规范 的 版 式 ， 对 
后 世 的 编排 设计 产生 了 重要 影响 。 

木版 印刷 术 对 古代 中 国 的 编排 设计 产生 了 巨大 影响 ， 






















































































从 唐 代 到 清 代 ， 中 
刷 技 术 。 从 唐 代 的 
子 》， 宗 教 、 文 学 





国 的 书籍 、 包 装 、 年 画 等 都 运用 木版 印 
《金刚 经 》 ;到 明 末 陈 老 莲 的 《水 洲 叶 
征 图 都 达到 子 很 高 的 编排 水 平和 印刷 水 


木版 年 画 达 到 高 峰 ， 以 桃花 坞 、 杨 视 青 山东 等 
地 为 代表 的 民间 年 面 风格， 色彩 鲜艳 、 造 型 生动 ， 文 字体 
现 图 形 化 、 装 饰 性 的 美感 ， 这 些 都 很 有 特点 。 

活字 印刷 是 由 北宋 平民 毕 异 发 明 的， 他 经 过 反复 试 
验 ， 在 宋 仁宗 庆历 年 间 (1041 一 1048) 制作 出 胶泥 活字 。 
在 沈 括 《 梦 溪 笔谈 》 中 记载 的 活字 ， 实 际 上 就 是 胶泥 活 
字 。 活 字 便 于 保存 、 更 正和 修复 ， 它 是 人 类 印刷 史上 的 
-次 伟大 革命 ， 印 刷 术 传 入 欧洲 后 ， 加 速 了 欧洲 文明 的 
发 展 进程 。 后 来 又 出 现 木 活字 和 铜 活字 。 但 在 中 国 ， 活 
字 印 刷 一 直 都 没有 成 为 印刷 的 主要 形式 ， 同 时 与 印刷 相 
关 的 编排 设计 长 期 处 在 一 个 基本 稳定 的 形式 之 中 ， 发 展 
比较 缓慢 ， 如 图 2. 5 一 图 2. 8 所 示 。 

















图 2. 5 《金刚 经 一 一 咸 通 敦煌 刻本 》/ 中 国 最 早 运用 
木刻 方法 印 制 的 佛经 ， 图 文 结合 的 形式 ， 构 成 了 中 国 2.5 
2.6 








古代 编排 设计 的 基本 特点 
图 2.6 刘 家 功 夫 针 铺 
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2.7 


到 


图 2.7 年 画 《 人 金玉 满堂 》/ 
构图 饱满 ， 字 体 与 编排 设计 
都 极 具 特 色 


图 2. 8 ”人 与 文字 /将 中 国 古 
代 的 象形 文字 运用 于 现代 设 
计 中 ， 寓 意 深刻 /田中 一 光 




















2.3 西方 中 世纪 和 文艺 复兴 时 期 的 编排 设计 


在 欧洲 中 世纪 时 期 ， 这 个 被 称 为 “黑暗 时 代 ” 的 岁月 里 ， 体 现 当 时 精美 编排 
设计 水 准 的 宗教 手 抄本 在 教堂 里 的 教士 中 诞生 了 。 精 美的 插图 与 规范 的 文字 混合 编 
排 ， 画 面 十 分 注重 文字 和 图 案 的 色调 对 比 ， 图 案 装 饰 华美 、 刻 画 细 腻 ， 对 文字 以 至 
于 整 本 书籍 的 华丽 繁琐 的 装饰 ， 形 成 了 当时 宗教 手 抄本 的 基本 特征 。 但 直到 15 世 纪 
时 ， 西 方 国家 手 抄本 的 总 数 还 不 到 5 万 卷 ， 原 因 是 书面 文字 是 写 在 牛皮 纸 上 ， 但 牛皮 
纸 极其 昂贵 ， 且 制作 耗 时 。 直 到 造纸 术 从 中 国 传 到 欧洲 后 ， 情 况 才 发 生 巨大 变化 。 
13 世 纪 末 ， 出 版 商 在 材料 的 选择 上 以 纸张 取代 了 牛皮纸 ， 这 样 才 让 印刷 书籍 变 得 快 
捷 而 便宜 。 2 公 

14 世 纪 晚 期 ， 单 一 的 木刻 逐渐 发 展 成 为 雕版 印刷 了 。: (但 每 次 印刷 都 要 制作 新 的 鸯 
版 ， 这 依然 是 一 个 非常 漫长 、 复 杂 而 且 昂 贵 的 过 程 。 ,活字 印刷 的 发 明 ， 让 这 一 切 得 到 
了 根本 的 改变 。 德 国人 约翰 古 登 傈 在 1450 年 前 后 发 日 了 金属 活字 印刷 ， 这 种 方法 通 
过 制作 成 千 上 万 个 持久 耐用 、 可 不 断 重复 的 字 侠 六 粗大 地 提高 了 印刷 速度 ， 带 来 了 印 
刷 效率 的 大 幅度 提高 ， 对 欧洲 的 出 版 业 起 到 闻 极 大 的 推动 作用 。 

文艺 复兴 时 期 ， 印 刷 制版 在 - 些 主要 城市 成 为 一 项 拥有 自主 权利 的 行业 ， 出 版 物 
也 更 加 有 益 于 大 众 。 那 个 时 期 的 著名 画家 丢 勒 ， 同时 也 是 二 -名 杰出 的 设计 师 ， 他 为 木 
刘 艺 术 和 平面 设计 的 发 展 修 册 了 要 大 页 献 。1498 生 他 为 《启示 录 》 设 计 的 本 刘 乓 ， 
成 为 德国 木刻 艺术 的 经 典 之 作 。 1525 
年 ， 他 出 版 了 《运用 尺度 设计 艺术 的 课 
程 》， 有 具体 讨论 了 运用 儿 何 比例 和 图 形 
进行 字体 和 版 面 的 设计 问题 。 

文化 的 繁荣 带 来 了 出 版 业 的 繁荣 
而 出 版 业 的 繁荣 ， 是 编排 设计 发 展 的 先 
决 条 件 。15 世 纪 末 ， 德 国 的 印刷 设计 方 
法 流传 到 各 国 。 意 大 利 的 书籍 设计 大 量 
也 采用 花卉 图 案 ， 各 种 卷 草 装饰 纹样 转 
绕 着 文字 。16 世 纪 被 称 为 “法 兰 西 版 面 
设计 的 黄金 时 代 ”， 涌 现 出 一 大 批 非常 
杰出 的 书籍 设计 师 和 平面 设计 师 ， 如 
图 2. 9 一 图 2. 12 所 示 。 























































































































图 2.9 《圣经 》 古 登 堡 版 42 行 / 古 登 堡 改 进 的 金 
属 活字 印刷 术 ， 开 创 了 拉丁 字母 的 新 风格 
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测 涉 遇 凋 当 否 
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2. 10 《斯 派 格 。 柏 斯 特 瑞 》 荷 兰 古代 诗人 的 译本 
2. 11 《圣经 的 历史 》/1430 年 














2. 12 丢 勒 设计 的 书籍 ， 图 文通 过 线 框 划分 ， 疏 密 得 当 


2.4 19 世 纪 的 编排 设计 


在 18 世 纪 ， 由 于 法 国 洛 可 可 艺术 的 影响 ， 各 种 曲线 装饰 和 草 体 字 成 为 基本 的 设计 
要 素 ， 华 丽 的 版 面 设计 成 为 一 种 时 尚 。 工 业 革 命 时 期 ， 最 流行 的 出 版 物 形式 之 一 是 海 
报 。 海 报 最 初 是 运用 木刻 方法 创作 出 来 传播 宗教 的 ， 后 来 被 贴 在 墙 上 ， 传 递 每 天 发 生 
的 事件 ， 成 为 共享 地 方 信 息 的 一 种 手段 ， 海 报 是 现代 报纸 的 前 身 。 工 业 革 命 同 时 也 是 
印刷 过 程 机 械 化 的 产物 ， 曾 经 以 手工 劳动 为 基础 的 经 济 体系 ， 逐 渐 为 工业 和 机 械 制 造 
所 取代 。 

维多利亚 时 期 ， 英 国 的 经 济 、 政 治 、 文化 部 得 到 了 极 大 发 展 和 进步 ， 人 们 对 设 
计 、 审 美的 要 求 日 益 增长 ， 其 设计 独 树 一 巾 。 维 多 利 亚 风 格 是 当时 的 主要 设计 风格 。 
这 种 风格 最 显著 的 特点 点 是 对 中 世纪 哥 特 式 风格 的 推崇 和 流行 ， ` 体 现 出 奢华 繁 瑞 、 矫 抒 
造作 的 排版 特点 ， 版 面 编排 浪漫 、 情趣 ， 字 体 设 计 华贵 、 花 哨 。 维多利亚 风格 尽管 在 
设计 上 达到 登峰造极 的 高 度 ， 但 这 种 精致 的 设计 风格 只 i E 供 少数 人 享 

19 世 纪 下 半 叶 ， 以 威廉 。 英里 斯 为 代表 的 天 王 设 计 师 企 .图 通过 复兴 于 工艺 时 期 
的 精致 设计 来 改变 设计 水 准 低下 的 现状 这 一 活动 被 称 为 “工艺 美术 运动 ”。 这 是 进 
入 工业 社会 后 第 一 -个 具有 广泛 影响 的 设 思潮 。 它 企图 利用 自然 风格 、 日 本 装饰 风格 
和 中 世纪 风格 ， 来 重新 提高 设计 的 水 和 1 品位 。 注重 从 传统 手工 艺 与 自然 形态 中 汲取 
借鉴 ， 天 否定 工业 制造 和 工业 产品 ;从 历史 有 角度 看 有 其 局 限 性 ， 然而 对 设计 活动 要 求 精 
致 、 补 来 、 合理 的 准则 ， 孝 对 编排 设计 产生 了 童 要 影响 。 

新 艺术 运动 是 19 世 纪 未 、 20 世 纪 初 在 欧洲 和 美国 发 生 的 极 大 影响 的 艺术 流派 。 它 
起 源 于 法 国 ， 但 在 欧洲 即 有 不 同 的 称呼。 如 德国 称 为 “青年 风格 ”， 奥 地 利 称 为 “ 维 
也 纳 分 离 派 ”。 新 艺术 运动 强调 手工 艺 传统 ， 强 调 向 生活 学 习 ， 向 自然 学 习 ， 强 调 装 
饰 性 、 象 征 性 。 新 艺术 运动 的 平面 设计 以 平面 海报 和 书籍 设计 为 主 。 英 国 的 代表 人 物 
是 比 亚 兹 莱 (1872 一 1898) ， 他 的 插图 设计 达到 了 极 高 的 水 平 。 法 国 以 劳 特 累 克 、 马 卡 
为 代表 ， 劳 特 累 克 的 海报 设计 强调 大 色 块 的 对 比 和 平面 化 的 处 理 ; 而 马 卡 的 设计 则 以 
装饰 性 为 主 ， 平 面 化 很 强 ， 构 图 上 趋 于 平稳 和 对 称 ; 谢 雷 特 的 设计 注 面 的 形式 感 
和 主题 的 高 度 统 一 ， 画 面 充满 活力 ， 形 成 自己 独特 的 设计 风格 ;格拉 谢 特 将 版 面 进行 
有 序 分 割 ， 形 式 感 极 强 ， 色 彩 轻 松 典 雅 ， 具 有 极 高 的 艺术 品位 。 他 们 对 于 世界 版 面 编 
排 的 发 展 都 做 出 了 非常 重要 的 贡献 。 

装饰 艺术 运动 是 以 1925 年 在 巴黎 举办 的 国际 装饰 艺术 与 现代 化 国际 博览 会 而 命名 
的 。 它 是 具象 形式 的 装饰 处 理 ， 简 洁 优雅 的 线条 是 其 设计 的 主流 。 在 编排 方式 上 以 几 
何 化 和 平面 化 为 主 ， 构 图 趋 于 宽松 ， 强 调 简单 的 线条 ， 以 霍 夫 曼 为 代表 。 同 时 ， 许 多 
艺术 家 也 在 表现 方法 上 进行 了 创新 ， 如 法 国人 卡 桑 德 拉 运 用 喷 笔 做 了 新 的 处 理 。 在 19 
世纪 二 三 十 年 代 ， 中 国 和 日 本 也 有 很 大 的 发 展 ， 当 时 中 国 的 许多 书籍 设计 显示 出 这 种 
图 2. 13 一 图 2. 16 所 示 。 
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图 2. 13 ”细密 而 繁复 的 图 案 ， 古 朴 
雅致 的 字体 ， 体 现 出 中 世纪 的 设计 
风格 /威廉 。 莫 里 斯 


图 2. 14 《 红 磨坊 》 海 报 /彩色 的 文 
字 排 版 ， 极 具 特 色 的 人 物 造 型 ， 让 
de 
竺 累 


图 2. 15 序列 16 / 强 有 力 的 装饰 图 
案 ， 简 洁 的 大 标题 ， 能 立即 抓 住 观 
众 的 视线 /阿尔 弗 莱 德 。 罗 勒 


图 2. 16 “NORD EXPRESS” 招 贴 / 
喷 笔 的 运用 使 招贴 设计 的 风格 趋 于 
成 熟 / 卡 桑 德 
































2.5 20 世纪 初 的 现代 编排 设计 


一 、 现 代 艺 术 影响 下 的 编排 设计 


19 世 纪 末 ， 逢 
人 们 对 世 时 的 愉 知 7 
代 艺 术 流 派 糙 
形态 等 形式 语言 









的 大 胆 探索 ， 极 大 地 直 


闫 技术 的 急剧 发 展 ， 促 使 


:了 多 视角 Bes 现 
它们 对 色彩 、 材 i 





艺术 表现 的 内 涵 ， 给 现代 编排 设计 产生 - 


同 程度 的 影响 。 


立体 主义 是 一 个 重要 的 运动 和 画 派 ， 也 是 


平面 设计 的 形式 基础 。 


它 主张 不 模仿 对 象 ， 对 








律 探索 





首 绘 重合 的 、 连 





的 方式 。 
达 达 主义 在 艺 
理性 ， 倡 导 否 定 一 切 ， 


性 、 偶 然 性 和 玩 世 不 
七 、 自 由 化 、 相 互 矛盾 
风格 派 是 受 立 体 主 





展 起 来 的 ， 它 的 思想 和 形式 主 
。 它 以 高 度 的 理性 以 及 数学 化 的 





安 的 绘画 # 





具体 对 象 进行 分 析 、 重 
追求 一 种 几何 形体 的 美 ， 追 求 形 式 的 排列 组 
合 ， 表 现 为 对 版 面 构成 的 分 析 组 合 和 理性 的 规 





EF 
的 一 场 艺 术 运 动 。 未 来 派 画家 喜欢 用 线 和 色彩 





现 光 和 色彩 ， 表 现 运 动 的 物象 -在 版 面 编排 上 
是 出 反对 严谨 正规 的 编排 方式 ， 提 倡 自由 组 合 





表现 为 虚无 主义 的 特点 。 
的 态度 ， 是 一 种 无 规律 





和 绝 和 综合 处 理 的 特征 。 





会 画 、 有 雕刻 和 建筑 


并 用 波浪 线 和 直线 表 
上 
人 


， 强 调 自我 ， 反 对 
否定 理性 和 传统 文明 ， 
在 编排 上 体现 为 随机 








臣 


化 。 
义 影响 并 在 此 基础 上 发 
要 起 源 于 蒙 德里 














逻辑 思维 来 创造 和 谐 的 新 秩序 ， 画 面 简洁 到 只 


有 纵横 分 割 的 几何 形 方 
风格 派 在 编排 设 广 


习 


理性 化 ， 反 复 运 用 纵横 编排 几何 结构 


开始 采用 无 装饰 线 体 ; 


均衡 ;，@ 尝 试 在 版 面 上 














块 和 鲜 耻 的 色 奖 
十 上 的 特点 














@ 追 求 非 对 称 性 的 视觉 
进行 直线 的 骨骼 分 割 构 














成 ， 运 用 数学 的 手段 来 计算 ， 如 图 2. 17 一 图 2. 20 


所 示 。 








图 2717 飞 贝 德 罗 。 未 来 派 的 艺术 家 》 的 
金属 封面 和 字体 / 把 广告 的 要 素 移 
植 到 自己 的 应 :Ba !， 同 时 又 促 
使 广告 的 内 涵 得 到 扩张 与 发 展 / 佛 图 纳 
德 。 贝 德 罗 








图 2. 18 分 离 派 海报 展 /里 查 德 。 哈 尔 芬 格 





好 己 避 
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图 2. 19 《未 来 主义 自由 的 欢呼 从 书籍 封面 /F.T. 马里 奈 蒂 


图 2. 20 《风格 》. 茶 志 封 面 7 画面 简洁 ， 纵 横 分 割 的 几何 形 方块 是 风格 派 的 
点 / 提 奥 。 凡 立柱 斯 堡 、 威 尔 莫 斯 。 休 斯 扎 尔 





-、 包 豪 斯 风格 
1919 年 \\ 德 国 著名 建筑 家 沃尔特 。 格 罗 皮 乌 斯 在 魏 玛 建立 了 “国立 包 豪 斯 学 
院 ”， 开 创 了 现代 设计 的 先河 。 格 罗 皮 乌 斯 发 出 了 “艺术 与 技术 一 一 一 个 新 联盟 ”的 
声明 。 他 们 共同 辩护 了 这 样 一 个 理想 : 设计 不 应 该 扎根 于 装饰 艺术 ， 而 是 应 该 扎根 于 
科学 与 技术 ; 设计 师 不 完全 是 艺术 家 ， 他 们 应 该 是 工程 师 。 
完 建立 了 以 观念 和 解决 问题 为 中 心 的 设计 体系 ， 这 种 设计 体系 将 艺术 分 解 
RR、 面 以 及 空间 、 色 彩 ， 它 寻求 的 是 几何 形态 之 间 的 组 合 关 系 ， 使 艺术 
脱离 了 传统 的 装饰 手段 ， 从 而 运用 构成 抽象 地 表现 客观 世界 。 在 现代 版 面 设计 及 设计 教 
育 中 ， 包 豪 斯 的 设计 思想 为 编排 设计 的 发 展 葛 定 了 基础 。 它 具有 强调 科学 、 理 性 化 、 功 
能 化 、 极 少 主义 和 几何 化 的 特点 ， 喜 欢 使 用 生 的 白色 、 灰 色 、 褐 色 和 黑色 来 展 
现 简洁 的 造型 和 经 济 的 版 式 。 包 豪 斯 学 院 的 教师 汉 斯 迈 耶 设计 的 无 衬 线 体 ， 有 效 地 
减少 了 字体 的 笔画 细节 ， 为 现代 主义 设计 提供 了 优美 简洁 的 字体 和 版 面 风格 。 
1933 年 ， 包 豪 斯 关闭 之 后 ， 包 括 格 罗 皮 乌 斯 、 汉 斯 * 迈 耶 、 米 斯 凡 。 德 洛 在 内 
的 500 多 人 移居 美 对 的 设计 艺术 产生 了 积极 区 
理论 基础 的 美国 设计 有 了 主心骨 一 一 设计 的 伦 
国 现代 设计 的 飞跃 注入 了 活力 ， 如 图 2. 21 一 医 


















































图 2. 21 无 衬 线 体 的 运用 ; 为 现代 主义 提 
供 了 优美 简洁 的 表现 风格 / 赫 伯 特 。 拜 尔 


图 2. 22 海报 设计 / 赫 伯 特 。 拜 尔 


图 2. 23 ) 钨 豪 斯 设计 师 展 海报 / 卢 加 诺 市 艺 
术 本 物 馆 和 苏黎世 艺术 之 家 /蒙古 齐 








2.6 国际 主义 平面 设计 风格 


20 世 纪 50 年 代 ， 国 际 版 面 设计 风格 在 瑞士 出 现 ， 并 逐渐 演变 为 风靡 全 球 的 平面 
设计 的 现代 主义 范式 。 国 际 主义 在 平面 设计 上 研究 出 了 骨骼 排版 法 ， 在 形式 上 以 “ 少 
即 多 ”为 特征 和 宗旨 ， 采 用 数学 比例 和 几何 比例 进行 版 面 编 排 ， 即 在 版 面 上 进行 标准 
化 的 分 割 ， 将 字体 、 播 画 、 照 片 等 按照 划分 的 骨骼 编排 在 其 中 ， 取 消 编 排 的 装饰 ， 采 
用 朴素 的 无 衬 线 字 体 和 非 对 称 编排 ， 以 绝对 的 秩序 组 织 图 形 元 素 ， 以 统一 化 的 照片 、 


























编 插图 、 字 体 和 标志 来 传记 国际 版 面 设计 风格 以 其 高 度 的 功能 化 、 规 范 化 、 系 统 
















排 化 ， 超 越 语 言 障碍 的 现代 主义 范式 适应 了 新 时 代 进 步 的 形式 特点 ， 所 以 能 够 在 全 世界 
创 迅速 流行 起 国际 主义 风格 的 精神 领袖 是 瑞士 人 约瑟夫 。 穆 勒 。 布鲁克 曼 ， 他 的 设 
意 计 思 想 是 追求 绝对 的 设计 ， 主 张 设计 以 传达 功能 优秀 为 最 高 目的 ， 并 且 通 过 设计 实践 
设 使 这 个 传播 ， 如 图 2. 24 一 图 2. 26 所 示 。 
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AADUATED A MA KNOW ONL AS 


图 2. 24 Majakovskij 展 览 海报 /布鲁克 曼 


悦 2. 25 “NO0” /夸张 而 入 9 无 衬 线 
| 体 极 具 张力 / 阿 袋 勒 。 德 洛 乐 
仿造 的 折 痕 和 无 衬 线 体 /格雷 
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20 世 纪 40 年 代 ， 纽 约 成 为 美国 现代 设 

















义 、 理 性 主义 的 特点 ， 但 同时 ， 
计 的 效果 应 该 是 生动 、 活 泼 的 ， 




















计 的 发 源 地 ， 并 形成 自己 的 设计 风格 一 一 
“纽约 平面 设计 派 ”。 它 与 欧洲 产生 的 现代 
主义 、 国 际 主义 平面 设计 风格 相辅相成 、 互 
相 补 充 。 纽 约 的 平面 设计 虽然 遵循 功能 主 


他 们 认为 设 
故 他 们 采用 





了 照片 拼 贴 等 新 设计 风格 。 纽 约 平面 设计 派 
的 主要 开创 者 是 保罗 。 兰 德 ， 他 对 于 色彩 、 
空间 、 比 例 、 字 体 、 图 形 等 视觉 元 素 给 予 高 


度 重视 ， 以 和 谐 、 最 佳 
起 ， 如 图 2. 27 一 图 2. 30 所 






式 /点 巴林 





图 2.29 “ 根 隐 
莉 、 插 图 与 设 





总 





达 的 方式 组 合 在 一 


习 2. 27 IBM 海报 /保罗 。 兰 德 
到 2.28 《前 卫 》 主 办 的 “战争 不 再 ” 
比赛 的 请 束 封底 /富有 表现 力 的 印刷 版 


惟 闻 的 气味 ”招贴 / 涂 
结合 在 一 块 / 西 摩 。 查 


图 2. 30 “牛津 现代 艺术 博物 馆 海报 设 
i 文 。 科 兰 斯 基 
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创 2.7 数字 时 代 和 电脑 技术 的 发 展 


Rw 20 世 纪 后 半 叶 ， 随 着 科学 技术 的 极速 发 展 ， 信 息 的 高 度 膨胀 ， 西 方 平面 设计 进入 
设 了 空前 繁荣 的 时 期 。 摄 影 术 的 发 展 和 改进 ， 照 相 排版 技术 的 出 现 ， 印 刷 技术 的 不 断 发 
计 展 riis: 技术 的 革新 不 断 更 新 着 设计 的 手段 ， 影 响 着 人 类 的 视觉 意识 。 现 代 技 术 的 发 展 
使 视觉 语言 更 为 丰富 多 彩 ， 使 编排 设计 获得 更 大 的 表现 空间 。 

20 世 纪 80 年 代 以 后 ， 计 算 机 在 设 ? 的 发 展 与 普及 ， 为 设计 师 开 辟 了 新 的 空 
间 ， 编 排 革 命 伴随 着 计算 机 技术 ， 成 为 设计 师 更 深层 次 研究 的 工具 。 后 现代 主义 设计 




















师 开 始 致 力 于 挖掘 电脑 的 潜能 ， 开 发 蕴藏 于 新 媒体 中 的 设计 语言 ， 重 新 思索 设计 的 价 
值 取向 ， 使 平面 设计 中 的 后 现代 主义 倾向 终于 演变 为 一 种 时 代 潮 流 。 在 后 现代 设计 潮 








流 中 ， 和 凭借 电脑 技术 的 强大 支持 ， 西 方 出 现 了 许多 专 问 从 事 设计 创新 的 商业 性 和 非 商 
业 性 研究 机 构 。 设 计 师 凭借 着 电脑 空前 强大 的 图 形 处 理 功能 ， 随 心 所 欲 地 调整 文字 的 
形状 、 大 小 、 粗 细 、 位 置 、 颜 色 ， 控 制 文字 覆盖 面 密度 ， 使 文字 内 出 现 复杂 图 像 ， 从 
而 构成 种 种 趣味 的 视觉 图 形 组 织 ， 同 时 对 图 形 进行 随意 的 放大 、 缩 小 、 变 形 等 ， 形 
式 的 创意 成 为 了 版 式 设 计 的 一 种 趋势 。 平 面 设计 从 传统 印刷 制版 的 技术 束缚 中 解放 出 
来 ， 设 计 师 拥有 更 多 的 表现 语言 与 设计 和 手段。 文字、 视频、 网 络 等 多 媒体 的 发 展 ， 又 
对 版 式 设 计 从 静态 到 动态 的 发 展 提出 了 新 的 课题 。 今 天 的 编排 设计 已 从 印刷 媒介 、 电 
子 媒 介 转 向 了 多 维 媒介 ,- 它 的 呈现 形式 也 从 平面 走向 立体 ， 并 已 渗透 到 政治 、 经 济 、 
文化 和 生活 的 各 个 领域 ”如 图 2. 31 一 图 2. 35 所 示 。 























> 图 2. 31 我 用 …… 完 成 了 Wrassled/ 在 材料 上 印刷 
金箔 ， 使 版 面 产生 新 的 活力 


图 2. 32 ” 惠 特 尼 美 国 艺术 博物 馆 的 倾听 / 戴 维 。 艾 
玉 利 森 
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图 2. 33 1992 年 博览 会 海报 /强烈 的 明度 和 透视 的 形式 来 表达 主 
题 ， 使 文字 衬托 的 十 分 醒目 /Takenobu Lgarashi 






为 苏格兰 BBC 电台 设计 的 广告 / 光 晕 和 虚 
看 精致 / 乔 娜 丹 。 班 布 卢 克 


杂志 招贴 /借助 电脑 技术 ， 传 达 一 种 怪诞 的 、 微 
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单元 训练 和 作业 


1. 课题 内 容 : 作品 分 析 1 

课题 时 间 : 2 学 时 。 

课题 主题 ， 中 国 传统 雕版 印刷 作品 分 析 。 

课题 要 求 : 

(1) 借助 相关 资料 和 图 例 ， 了 解 中 国 各 个 时 期 的 编排 形式 及 特征 。 

(2) 分 析 图 文 结合 和 雕版 印刷 方式 。 

训练 目的 ; 消除 初学 者 的 陌生 感 ， 培 养 学 生 对 中 0 SM 
生 学 习 版 面 设计 的 信心 。 K 


























2， 课 题 内 容 ， 作 品 分 析 2 人 
课题 时 间 : 2 学 时 。 ,AT 
课题 主题 ， 包 豪 斯 作品 分 析 。 SA 

课题 要 求 : se 


(1) 了解 包 豪 斯 设计 的 背景 及 艺术 址 二 
(2) 分 析 包 豪 斯 版 式 设计 的 特点 a 
训练 目的 ， 打开 学 生 a : 生 对 西方 现代 版 式 设计 的 认识 ， 激 发 学 生 的 


创意 热情 。 KG 人 
3， 课 题 内 容 : 作 最 分析 3 NO 
课题 时 间 : 3 学 时 ， > 
课题 证 | 国际 主义 平面 设计 风格 作品 分 析 。 
课题 要 求 : 


(1) 了 解 风格 派 的 艺术 特点 以 及 它 对 国际 主义 平面 设计 风格 的 影响 。 

(2) 分 析 国 际 主义 平面 设计 风格 的 特点 。 

训练 目的 : 引导 学 生 转 换 观 察 视 角 ， 改 变 思维 方式 ， 将 感性 的 认识 和 理性 的 思考 
相 结 合 。 

4. 理论 思考 

(1) 查阅 相关 资料 和 图 例 ， 比 较 中 西方 传统 版 式 设计 的 异同 点 。 

(2) 查阅 相关 资料 和 图 例 ， 思 考 现代 编排 设计 的 发 展 与 风格 变迁 。 

(3) 查阅 相关 资料 和 图 例 ， 思 考 数字 时 代 和 电脑 技术 对 当代 版 面 设计 拓展 的 意义 。 























第 3 章 ”编排 设计 的 基本 要 素 


本 章 概 述 和 目标 : 

概述 : 主要 介绍 了 编排 设计 的 视觉 元 素 、 构 成 要 素 文字 和 图 像 的 编排 设计 原 
理 、 色 彩 在 编排 设计 中 的 功能 ， 深 入 理解 它们 之 间 的 关系 以 及 各 自 的 特点 和 作用 。 

目标 : 通过 对 版 面 设计 的 各 视觉 元 素 的 熟练 运用 ， 使 版 面 整体 和 谐 统一 ， 达 到 赏 
心 悦 目的 效果 。 




















(4) 图 像 的 编排 设计 原理 。 
(5) 色彩 表现 在 版 面 中 的 功能 。 


3.1 视觉 元 素 


编排 设计 是 一 种 视觉 形象 的 二 维 构 成 ， 它 是 各 种 基本 视觉 元 素 和 构成 要 素 之 间 的 创 
造 性 重组 ， 设 计 师 必须 对 这 些 设计 元 素 有 敏锐 的 感受 ， 以 便 有 效 地 传递 信息 和 情感 。 

这 些 视觉 元 素 主要 包括 点 、 线 、 面 、 肌 理 、 文 字 、 图 形 、 色 彩 等 。 点 、 线 、 面 是 
形态 的 最 基本 元 素 ， 是 造型 艺术 的 基础 ， 是 抽象 的 极致 。 文 字 、 图 形 、 色 彩 是 版 面 设 
计 的 核心 ， 将 在 后 面 的 学 习 中 详细 研究 。 

一 、 点 


点 在 几何 意义 上 具有 一 定 的 位 置 ， 但 没有 大 小 。 在 造型 要 素 中 ， 点 是 最 基本 的 形 
态 ， 也 是 最 细小 的 单位 。 越 小 的 形体 越 能 给 入 以 点 的 感觉 。 在 版 式 设计 中 所 说 的 点 的 
概念 ， 是 编排 的 画面 中 一 个 真实 而 直观 的 视觉 元 素 ， 只 有 当 它 与 周围 的 构成 要 素 进 行 
对 比 时 才 可 知 这 个 具有 面积 的 形象 是 否 可 称 之 为 “点 ”。 点 在 形象 设计 中 不 是 孤立 存 
在 的 。 点 在 空间 环境 中 只 占有 极 小 的 面积 ， 但 可 以 起 到 画龙点睛 的 作用 ， 也 可 以 起 到 



























































填补 空间 、 均 衡 画 面 、 吸 引 和 聚集 视线 的 作用 。 点 本 身 并 不 具备 任何 情感 因素 ， 只 
处 在 特定 的 环境 中 才 会 带 来 特定 的 感情 ， 进 而 赋予 多 样 的 生命 力 。 在 整体 构图 中 ， 
当地 安排 点 的 位 置 ， 才 能 真正 发 挥 出 点 的 光彩 。 

在 版 面 设计 中 ， 点 主要 表现 在 以 下 几 个 方面 。 

(1) 将 大 小 、 均 等 的 点 按 一 定 的 方向 进行 有 规律 的 排列 ， 给 人 的 视觉 留 下 一 种 
点 的 移动 而 产生 线 化 的 感觉 。 

(2) 以 由 大 到 小 的 点 按 一 定 的 轨迹 、 方 向 进行 变化 ， 使 之 产生 一 种 优美 的 节奏 感 
和 韵律 感 。 与 线条 的 旋律 感 相 比较 ， 点 更 加 和 柔和、 自然 。 

(3) 点 在 设计 中 具有 很 广阔 的 表现 空间 。 把 点 以 大 小 不 同 的 形式 ， 既 密集 又 分 散 
地 进行 有 目的 的 排列 ， 会 产生 点 的 面 化 感觉 。 

(4) ”将 大 小 一 致 的 点 以 相对 的 方向 ， 逐 渐 重 合 ， 产 生 微妙 的 动态 视觉 。 

(5) 点 在 画面 中 的 不 同位 置 ， 会 产生 不 同 的 效果 。 在 画面 中 心 的 点 ， 给 人 平静 
感 ， 在 画面 中 心 以 上 的 点 ， 给 人 上 升 的 感觉 ; 在 画面 让 两 侧 的 点 ,4 给 人 人 移动、 活力 
的 效果 。 
(6) 不 规则 点 的 混合 排列 ， 给 人 一 Ran 具有 生动 活泼 的 视觉 
效果 。 SN 

(7) 点 在 版 面 设计 中 ， 通常 需要 色光 来 卫 合 。 点 的 位 置 、 大 小 与 色彩 配置 有 着 很 
重要 的 联系 ， 不 同色 彩 的 点 给 和 人 不 同 的 视觉 效果 ， 如 图 3. 1 一 图 3. 6 所 示 。 
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图 3.1 点 的 面 化 / 陈 幼 坚 








图 3.2 环保 招贴 /作品 不 加 任何 文字 ， 以 点 化 的 图 形 语 
林 被 摧残 的 痛苦 /尼古拉斯 。 特 罗斯 勒 


图 3.3 点 的 构成 / 陈 和 
图 3.4 点 的 构成 / 周 春 华 
图 3.5 海报 设计 /变形 的 字体 


图 3.6 海报 设计 /松散 的 点 进行 不 规则 的 排列 ， 表 明了 环境 日 益 被 
沙化 的 状况 
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图 
们 





5 
感觉 到 


设计 思考 / 线 的 抽象 组 合 让 我 
设计 师 的 创造 性 和 人 性 思考 


二 、 线 


几何 学 中 ， 线 是 点 
有 面积 或 尺寸 。 在 造型 


向 、 位 置 、 长 锡 





理 等 多 种 变化 。 不 同 | 
给 人 带 来 不 同 的 心理 


基本 类 型 。 作 为 
设计 中 具有 重要 的 意 
(1) 线 比 点 更 





会 给 人 不 同 的 心理 感 
曲线 表示 动 ， 折 
直线 具有 男性 要 素 ， 
性 。 垂 直线 有 引导 痰 们 视觉 向 上 、 向 下 
水 平 线 具 有 诱导 人 们 视觉 向 两 侧 


静 ， 


理 角 度 看 ， 


性 ; 
性 ， 和 斜 线 与 垂直 线 、 
活跃 的 感觉 








暧 、 富 有 立体 感 等 特 
(2) 线 和 点 再 
的 。 线 与 点 强调 的 位 











; 折线 显示 出 现代 感 和 速度 感 ; 
线 则 具有 温和 、 饱 满 、 


了 移动 的 轨迹 ， 不 具 
域 中 ， 线 可 用 来 表示 方 
、 形 状 、 质 量 、 情 绪 和 肌 
6 线 会 产生 不 同 的 效果 ， 会 
受 。 线 有 直线 和 曲线 两 种 















-个 视觉 元 素 ， 线 的 表现 在 版 式 


> 
格 特征 ， 不 同类 型 的 线 ， 
大 体 而 言 : 直线 表示 
示 不 安定 。 从 生理 和 心 
曲线 具有 女性 特 
滑动 的 特 
滑动 的 特 
水 平 线 不 同 ， 它 具有 流动 、 
而 曲 
优美 、 温 


又 















女性 化 、 丰 富 、 
性 。 
i 之 间 的 关系 是 可 以 相互 转化 
置 与 聚集 不 同 ， 


它 强调 的 是 


外 形 与 方向 ， 因 而 短 而 外 形 小 的 线 往往 被 认定 为 


| As 


"个 点 而 等 距 下 


说 效果 








排列 的 线 则 具有 面 化 的 视 


(3) 线 的 排列 组 合 可 以 组 成 各 种 具象 或 抽象 





的 空间 形态 ， 


视觉 效果 


视觉 效果 ， 将 原来 较为 规范 的 


些 切换 变化 ， 


不 同 距离 排列 的 线 呈 现 透视 5 
粗细 变化 的 线条 形态 呈现 虚实 空间 的 





司 的 





在 排列 上 做 一 


会 形成 错觉 化 的 视觉 效果 (图 3. 7) 。 


如 埃 舍 尔 的 版 画 通过 线条 的 奇妙 组 合 形成 一 种 不 


可 能 存在 的 空间 。 
(4) 在 版 面 设 i 

到 设计 的 整体 效果 ， 

中 轴线 、 网 格 线 等 ， 


-中 ， 线 条 的 迷人 魅力 ， 关 系 
改变 着 设计 的 风格 。 如 设计 
可 以 理 顺 图 形 和 文字 在 视觉 








上 的 关系 ， 这 种 分 割让 版 面 产 生 一 种 秩序 感 和 和 
谐 感 。 男 外 ， 在 画面 中 ， 通 过 线 框 进行 分 割 ， 线 


框 的 粗细 会 产 





:不 同 


的 心理 感受 : 





线 框 粗 ， 被 分 


割 的 部 分 有 被 强调 的 感觉 ， 线 框 细 ， 被 分 割 的 部 





分 有 精致 的 感受 ， 如 


图 3. 8 一 图 3. 13 所 示 。 
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3.9 ”文字 、 色 块 组 成 的 线 ， 虚 实 相间 ， 空 间 感 明显 





图 























3. 10 “下 雨 了 ”/ 纪 尧 姆 。 阿 波 利 奈 尔 


到 3. 11 ” 线 的 构成 / 郑 艺 
辐 3. 12 ”非洲 电影 节 / 纳 尔 夫 。 斯 切 拉 瓦 格 
到 3. 13 ” 线 化 的 文字 排列 / 周 春 华 
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三 、 面 
面 是 线 横向 移动 的 轨迹 。 面 具有 长 、 宽 
两 度 空间 ， 面 就 是 在 平面 上 展开 的 形 ， 没 有 厚 
度 ， 是 一 个 体 的 表面 。 在 版 面 设 计 中 ， 面 可 被 
认为 是 点 的 放大 、 点 的 密集 或 线 的 了 
宽度 增加 与 平移 翻转 均 可 产生 面 的 感觉 。 面 的 
视觉 呈现 形式 主要 以 图 形 和 图 片 为 主 。 面 主要 
分 为 几何 形 的 面 、 自 由 形 的 面 、 和 
机 形 的 面 、 偶 然 形 的 面 及 人 造形 的 面 几 大 类 。 
面体 现 了 长 度 、 宽 度 、 
定 的 视觉 效果 ， 是 丰富 版 面 层 次 的 

(1) 面 是 各 种 造型 元 素 中 最 富 于 变化 的 视觉 
要 素 。 在 视觉 站 它 比 点 和 线 来 得 更 强烈 、 实 
在 。 面 在 版 式 设计 中 表现 的 形式 ， 比 线 更 丰富 ， 
更 多 样 * 更 有 整体 感 。 面 也 可 以 转化 为 点 和 线 。 

(2) 不 同 外 形 的 物体 以 面 的 形式 出 现 后 ， 给 
人 不 同 的 视觉 感受 。 几 何 形 的 面 ， 表 现 规则 、 
平稳 、 较 为 理性 的 视觉 效果 ; 自然 形 的 面 ， 给 
人 生动 、 厚 实 的 视觉 效果 ; 徒手 的 面 ， 给 人 不 
规则 的 形态 ; “有 机 形 的 面 ， 体 现 出 柔和 、 自 
然 、 "抽象 的 形态 ， 偶 然 形 的 面 ， 自 由 、 活 泼 而 
富有 哲理 性 ， 人 造形 的 面 ， 体 现 较为 理性 的 人 
文 特点 

(3) 在 版 面 设 计 中 ， 面 的 表现 力 体现 了 各 
种 图 形 、 色 彩 、 肌 理 等 方面 的 变化 ， 也 表现 在 
由 文字 构成 的 虚 面 。 无 论 是 “ 实 面 ” 还 是 “ 虚 
面 ”， 都 是 在 同一 版 式 空间 中 相互 依存 的 不 
可 分 割 的 两 种 形态 。 面 的 闭合 、 开 放 以 及 边 
缘 的 改变 都 对 编排 设计 产生 很 大 影响 ， 如 图 
3. 14 一 图 3. 18 所 示 。 
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图 3. 14 ”海报 设计 /色彩 与 几何 面 结合 
在 一 起 ， 丰 富 而 有 层次 


3. 14 
3.15 | 图 3.15 ” 草 月 的 创造 空间 展 /人 造形 的 
面 形成 丰富 的 版 面 /田中 一 光 





多 3. 16 面 的 
面 ， 








构成 / 面 既 可 以 分 割 版 
又 可 以 丰富 空间 层次 ， 深 化 主题 





图 3. 17 ”由 文字 形成 的 几何 面 / 付 瑶 
图 3. 18 ”粗细 不 同 的 面 构成 丰富 的 版 
面 / 周 春 华 
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J、 肌理 的 呈现 
几 理 又 称 为 质感 ， 它 是 由 人 类 的 操作 行为 导致 的 表面 效果 ， 是 物象 表面 的 纹理 
特征 。 肌 理 又 分 为 视觉 肌理 和 触觉 肌理 。 这 里 研究 的 是 视觉 肌理 ， 即 不 管 是 平面 的 或 
是 立体 浮雕 式 的 ， 只 要 是 不 需要 直接 用 手 去 接触 ， 而 是 用 眼睛 充分 感受 的 ， 就 是 视觉 
肌理 。 在 平面 设计 中 是 指 各 种 粗细 、 质 感 不 一 的 点 、 线 、 面 所 形成 的 纹理 ， 它 是 视觉 
艺术 中 很 重要 的 构成 要 素 。 
(1) 任何 一 个 单独 的 形 ， 由 于 表面 的 排列 、 组 织 、 结 构 各 不 相同 ， 都 会 产生 粗 
细 、 光 滑 、 软 硬 科 ， 旺 现 自己 独特 的 肌理 特征 。 
(2) 任何 在 画面 上 的 视觉 形象 ， 不 管 是 图 形 、 文 字 未 色 ， 其 自身 都 构成 一 个 复合 
的 肌理 。 在 编排 设计 中 ， 利 用 肌理 切入 的 设计 能 拓展 视觉 感受 的 范畴 富 视觉 语言 。 
(3) 编排 设计 除 具 有 正常 表现 文字 、 图 形 的 效果 外 ， 最 富 创 意 的 设计 在 于 运用 肌 
理 效果 ， 打 破 常规 的 编排 效果 ， 给 具体 的 编排 设计 以 非 现实 感 ， 给 人 不 同 的 心理 和 物 
质 方面 的 联想 ， 从 而 使 版 面 内 容 和 层次 更 加 丰富 有 趣 必 如 图 3. 19 一 图 3. 25 所 示 。 

























































图 3. 19 肌理 的 构成 /手绘 肌理 效 图 3. 20 用 水 墨 的 技法 表现 ， 使 版 面 更 加 丰富 
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图 3.: 
纹 / 黄 娟 
图 3; 22” 肌理 的 构成 / 孙 俩 

a 肌理 的 构成 / 刘 巧 

图 3. 24 《触摸 汉字 》/ 方 正字 体 设 
计 大 赛 海报 

图 3. 25 ”尘土 的 梦想 一 一 电影 海报 / 
雷 查 。 阿 贝蒂 尼 























36 





Well treat 
you royally. 








3;2 


-、 结 构 


构成 要 素 


结构 是 整个 版 面 设计 中 的 骨架 ， 它 
隐藏 在 文 字 和 图 形 之 中 ， 支 撑 和 决定 整 


个 版 面 的 风格 。 
均衡 、 节 奏 、 竟 和 





这 就 需要 把 握 好 对 称 、 


鞋 结 构 的 形式 法 则 ， 


将 文字 、 图 形 、 色 彩 组 织 在 一 起 ， 形 成 


整体 的 编排 设计 。 
1.， 对称 


对 称 与 均衡 因 其 构成 元 素 重 心 的 平 
衡 ， 会 给 人 视觉 上 的 平衡 感 和 心理 上 的 


稳定 感 。 
对 称 指 版 面 


与 构成 元 素 以 一 点 或 





轴线 为 中 心 ， 形 成 上 下 或 左右 同等 同 量 


的 平衡 。 对 称 的 特 


点 是 大 方 、 庄 重 、 完 


整 、 秩 序 。 对称 有 绝对 对 称 和 相对 对 称 


两 种 ;轴线 在 对 和 
的 作用 。 相 对 对 


尔 设 计 中 起 着 十 分 重要 
称 相对 于 绝对 对 称 而 





言 ， 局 部 图 形 或 文字 则 以 不 对 称 的 方式 


呈现 ， 以 此 活跃 
体现 的 也 是 一 种 捧 
面 分 割 ， 部 要 } 
的 关系 
的 和 











SL 
-als 


图 3.26 对称 的 版 面 大 





相 面 。 对 称 的 编排 设计 
多 衡 ， 无 论 怎样 进行 版 
图 形 排列 与 轴线 


设计 时 应 避免 产生 单调 、 呆 板 
9 交加 26 一 图 3. 30 所 示 。 


A 





图 3.27 轴线 在 对 称 设计 中 起 着 十 分 重要 的 作用 


香港 上 海 


3.28 
3.29 | 3.30 
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2. 均衡 








均衡 是 一 种 非 对 称 性 平衡 ， 指 版 面 构成 元 素 以 一 点 或 轴线 为 中 心 ， 上 下 或 左右 形 
成 同 量 异形 的 组 合 ， 过 协调 画面 各 要 =E 次 、 强 弱 的 系 ， 来 取得 设计 








视觉 的 美感 上 以 及 与 内 容 相 配 的 逻辑 性 。 在 编排 设计 中 ， 视 觉 元 素 之 间 可 根据 其 形态 
的 大 小 、 多 少 、 色 彩 的 浓淡 、 肌 理 变 化 等 各 种 组 合 关系 来 获得 均衡 效果 。 均 衡 的 构图 
通常 以 视觉 中 心 为 支点 ， 各 视觉 要 素 以 支点 为 重心 保持 视觉 上 的 力度 平衡 。 决 定 长 
的 两 个 因素 是 重力 和 方向 。 均 衡 比 对 称 形式 显得 更 加 新 颖 、 活 泌 、 运 动感 强 ， 且 同样 
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能 产生 一 种 平衡 的 美感 。 例 如 人体 的 结构 是 对 称 的 ， 但 人 所 形成 的 各 种 动态 却 处 于 均 
衡 状态 ， 乌 的 飞翔 、 动 物 的 奔走 等 都 是 均衡 构成 的 动态 感 。 有 时 候 不 均衡 会 给 整体 的 
统一 性 造成 局 部 的 干扰 ， 如 图 3. 31 一 图 3. 33 所 示 。 


























三 己 机 力 V 一 YLD 南大 寻 元 三 








图 3. 31 均衡 的 版 式 使 画面 更 加 新 
颖 、 活 泼 

图 3. 32 ”视觉 元 素 的 组 合 关 系 获得 均 
衡 效果 /李珊珊 

图 3. 33 ”CBS 唱片 ,《 最 好 的 可 士 乐 》 


海报 /不 对 称 排版 比 传统 的 设计 更 具 
设计 感 / 保 拉 。 斯 切 尔 





S00 
节奏 与 询 律 是 4 






律 重 复 的 一 种 属性 。 
念 来 自 于 音乐 ， 节 续 





9 变化 产 


是 编排 设计 的 基本 形式 


壹 


性 、 重 复 性 、 延 续 1 
在 编排 设计 中 是 指 


节奏 是 音乐 交 


长 短 的 现象 。 节 奏 的 





物体 构成 部 分 有 规 
i 奏 和 韵律 的 概 
的 条 件 ， 

美 ， 但 它们 都 








出 现 的 强 弱 、 
形态 美 是 条 理 
党 的 艺术 表现 
安 照 一 定 的 条 理 、 





规律 做 有 秩序 的 、 重 复 的 排列 ， 形 成 
-种 律动 形式 。 具 有 节奏 感 的 排列 形 
式 ， 可 以 是 等 距离 的 连续 排列 ， 也 


可 以 利用 相同 或 村 


渐变 、 交 蔡 的 排列 ， 





近 形 态 做 重复 、 
还 可 以 进行 大 





小 、 长 短 、 形 状 、 高 低 等 排列 构 


成 ， 如 图 3. 34 一 图 : 





时 pm 和 mm 





ECHAND 


3. 36 所 示 。 





图 3. 34 
图 3. 35 
图 3. 36 
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编 4 散 律 
排 韵律 原 指 音乐 中 的 声韵 和 节奏 。 节 奏 是 简单 的 重复 ， 彰 
创 -种 抑 扬 、 起 伏 而 有 规律 的 重复 ， 是 富 


律 是 指 在 节奏 的 基 





节奏 的 深化 ， 韵 律 是 
于 变化 的 情感 起 伏 的 节奏 。 在 编排 设计 中 ， 痢 
础 上 强调 编排 的 起 伏 、 律 动 等 ， 具 有 很 强 的 视觉 感染 力 。 形 态 的 渐 




























意 
设 变 ， 线 的 朴 密 、 聚 散 都 可 以 给 人 带 来 理性 的 、 个 性 化 的 痊 
和 在 编排 设计 中 ， 韵 律 可 以 分 为 几 种 类 型 :连续 韵律 、 渐 变 韵律 、 起 伏 韵律 、 交 错 
计 
节奏 和 韵律 是 不 能 截然 分 开 的 ， 如 果 说 节奏 是 “ 形 ”， 那 么 韵律 则 是 
| “ 神 ”， 前 律 是 不 能 用 定量 来 解决 的 ， 它 是 节奏 因素 的 征 ， 是 感情 传递 的 综合 
创造 ， 如 图 3. 37 一 图 3. 39 所 示 。 
TREE 
Economy at a 6lance Soe 
图 3. 37 敬一 眼 美 国 经 济 
| 图 3. 38 ”用 曲线 表现 云 墙 ， 版 面 简洁 而 有 韵律 
40 3. 39 


图 3. 39 海报 3 幅 / 点 、 线 、 面 所 形成 的 轨迹 可 以 产生 优 





二 、 形 的 变化 

形 是 指 “ 形 状 的 轮廓 ”。 对 于 视觉 而 言 ， 点 、 线 、 面 都 是 形 。 但 在 具体 的 设计 实 
践 中 ， 人 们 常常 将 面 称 为 形 或 形态 ， 并 将 形 与 点 、 线 区 别 开 来 。 形 的 变化 是 无 穷 的 ， 
物象 之 间 的 区 别 主要 在 于 外 形 的 差别 。 概 括 地 讲 ， 按 性 质 分 类 ， 形 态 主要 分 为 自然 
形 、 几 何 形 、 有 机 形 和 偶然 形 ， 按 视觉 分 类 ， 形 态 可 分 为 抽象 形 和 有 具象 形 ， 按 空间 分 
类 ， 形 态 可 分 为 平面 形态 和 立体 形态 。 其 实 不 管 是 具象 的 还 是 抽象 的 ， 它 最 终 的 载体 
还 是 在 二 维 的 、 三 维 的 或 者 思维 的 形 无 影 无 形 的 艺术 是 不 存在 的 。 通 常 可 以 通 
过 重合 、 透 芝 、 氮 释 、 异 面 、 关切 等 手法 子 以 ， 从 而 产生 透视 、 前 后 、 层 次 、 趣 













































味 的 视觉 形象 。 一 

在 现代 版 式 设计 中 ， 不 同性 质 的 形态 对 编排 设计 具有 决定 性 的 影响 。 在 版 面 空间 第 

中 就 是 要 将 有 限 的 视觉 形态 进行 有 机 的 排列 和 组 合 ， 将 设计 理念 的 追求 通过 富有 个 性 3 

ra 并 形成 一 种 具有 独到 风格 的 视觉 传达 形式 ， 从 而 创造 出 符合 章 
规律 性 的 艺术 语言 的 “秩序 ”结构 ， 如 图 3. 40 一 图 3. 42 所 示 3 

编 

排 

3.40 设 

3.41 | 3.42 让 

计 

图 3. 40 Maryse Eloy 平面 设计 学 的 

展览 海报 / 遮 受 、 异 面 s 剪 切 其 

可 产生 不 同 的 形 基 

图 3. 41 2000 年 复 纳 免 税 节 海报 

图 3.42 形 的 变 伦 可 产生 透视 、 

前 后 、 趣 味 的 视觉 形象 / 胡 晓 叶 素 
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编 三 、 空 间 

排 每 一 幅 平面 设计 作品 都 必须 有 一 个 特定 的 空间 ， 对 空间 的 分 类 是 人 们 根据 认识 的 
创 需要 赋予 的 ， 而 空间 本 身 无 所 谓 类 型 。 一 般 来 说 ， 人 们 立足 于 “维度 ”概念 的 基础 上 
意 








把 空间 分 成 两 种 基础 类 型 ， 即 二 维和 三 维 。 二 维 的 空间 形态 表示 方位 (方向 和 位 置 ) ; 





设 | 。 三 维 的 空间 形态 ， 则 是 在 二 维 的 基础 上 ， 还 表示 空间 深度 的 距离 。 平 面 设计 中 所 指 的 
计 | 。 空间 是 基于 二 维 的 一 种 空间 形态 ， 它 是 可 以 通过 编排 设计 达到 不 同 的 视觉 感受 ， 并 且 
有 一 定 规律 可 循 。 








间 的 分 隔 ， 形 成 感性 和 理性 的 编排 设计 原理 ， 可 以 使 各 种 信息 有 序 地 组 合 和 












分 列 ， 在 进行 专门 研究 。 
了 人 间 的 运用 








不 同 的 平面 空间 有 着 不 同 的 视觉 吸引 力 和 视 包 心理 学 家 认为 ， 不 同 部 分 有 
着 不 同 的 视觉 吸引 力 和 功能 。 可 以 利用 画面 中 不 同 视觉 元 素 的 大 小 、 形 状 、 方 向 、 色 
彩 以 及 前 后 关系 等 ， 在 版 面 中 形成 丰富 的 空间 关系 。 

在 版 面 设计 中 ， 要 注重 各 要 素 空 间 的 合理 分 布 和 有 序 组 合 ， 注 
形象 之 间 的 关系 ， 注 重重 心 在 画面 中 的 作用 六 做 到 大 局 着 眼 、 ， 以 取得 画面 
空间 力 的 平衡 。 同 时 ， 字 距 、 行 距 的 朴 密 关系 ， 色 彩 的 明度 差别 等 都 会 产生 不 同 的 视 
觉 效果 。 总 之 ， 合 理 的 空间 应 用 , .都 使 版 面 设 计 产生 秩序 感 、 节 奏 感 和 舒适 感 ， 如 
图 3. 43、 图 3. 44 所 示 。 














主体 形象 与 局 部 

























图 3. 43 ”抽象 的 形 和 不 同 的 色彩 形成 丰富 的 平面 空间 


3.43 [3.4 图 3.44 辛普森 纸 业 公司 系列 海报 /字体 形成 的 平面 空间 使 版 面 设计 产生 不 
司 的 视觉 效果 /阿诺德 。 施 瓦 兹 曼 





























2.， 立体 空间 的 营造 

平面 没有 立体 感 ， 为 了 达到 特定 的 效果 ， 需 要 在 二 维 空间 中 呈现 三 维 的 空间 效 

eS 种 暗示 ， 它 能 引导 读者 进入 更 真实 的 版 面 空间 中 。 

立体 空 营 进 、 剪 影 和 透视 的 处 理 方式 来 实现 。 计 算 机 的 运用 可 以 
表现 版 式 设 计 语 言 的 多 维 性 空间 秩序 ， 即 用 空间 倒置 、 方 向 旋转 、 图 像 的 柔 化 及 色彩 转 
换 等 多 种 方式 处 理 图 形 ， 构 成 复杂 的 多 


司 的 画面 (图 3. 45 一 图 3. 49) 。 例 如 日 本 设计 师 
五 十 岚 威 畅 的 作品 充满 了 对 于 立体 空间 的 构造 ， 他 创造 的 几 千 个 不 同 立体 形态 的 数字 ， 


丰富 了 人 们 的 视觉 ， 并 让 人 们 由 此 感到 形态 的 变化 是 无 穷 无 尽 的 ， 如 图 3. 50 所 示 。 









































































列 3. 45 ”法 国 国家 图 书馆 冈 特 。 兰 堡 个 人 展 招贴 /由 书本 组 成 的 字母 






































图 形 有 强 觉 觉 溃 击 力 / 冈 特 。 兰 堡 

图 3. 46 ”立体 化 的 图 形 ， 产 生 厚 重 的 视觉 效果 
3.45 | 3.46 | 3.47 图 3. 47 文字 与 立体 的 图 形 结合 在 一 块 ， 产 生 远近 ee 
3.4813.491 3.50 图 3. 48 ”文字 配合 光影 的 效果 ， 使 版 面 布局 更 具有 空间 














图 3. 49 文字 的 透视 感 ， 形 成 立体 空间 / 许 崔 


图 3. 50 海报 设计 /富有 动感 和 立体 感 的 版 面 设计 ， 给 人 强烈 的 视觉 
冲击 /五 十 岚 威 畅 








小 





姓 叫 
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3.3 文字 的 编排 设计 


文字 作为 人 类 文明 发 展 史上 伟大 的 发 明 ， 是 人 类 用 来 记录 思想 语言 的 视 
觉 符号 ， 使 语言 通过 文字 符号 得 以 保存 与 传播 。 在 现代 视觉 传达 设计 中 ， 文 
字 编 排 是 一 种 艺术 创作 过 程 ， 是 艺术 地 将 平面 中 的 文字 组 成 要 素 加 以 重新 组 
合 调度 ， 并 在 结构 及 色彩 上 做 整合 安排 的 一 种 视觉 传达 方式 。 进 行 有 目的 的 
文字 编辑 设计 ， 可 以 使 平面 设计 作品 更 加 富有 艺术 感染 力 ， 也 能 更 清晰 地 把 
信息 传达 给 读者 。 

一 、 影 响 文字 的 可 读 性 因素 交 

所 文字 的 可 起 性 因素 站 指 版面 上 字体 的 设计 编排 能 钵 雪 读 者 快刀、 准 
确 地 了 解 信息 。 影响 文字 的 可 读 性 主要 有 字体 〉 字号 、 字 距 、 行 距 、 分 栏 和 
栏 宽 等 几 个 因素 。 XS 

1 字体 2 

文宣 设计 的 草本 元 素 | 上风 的 文字 主要 有 了 机 种 ， 芭 汉字 和 人 
于 交 字 5 和 整 ， 以 达到 编排 美观 和 适 
宜 阅 读 的 目的 通过 介绍 中 外 文字 的 起 源 发 展 、 演 变 的 历史 过 程 ， 增 加 对 
文字 发 展演 进 的 解 ” 为 今后 更 好 地 利用 学 体 进行 编排 设计 必定 基础。 

(1) 汉字 机 人 

中 国 的 文字 是 中 华文 明 的 载体 :是 和 - 仍 在 使 用 的 文 
字 。 中 国文 字 的 发 展 ， 从 揣 商 时 期 的 “甲骨 文 ”开始 ， 历 经 三 千 多 年 。 古 汉 
字 在 演变 阶段 所 产生 的 各 种 字体 ， 大 致 可 分 为 古文 、 篆 书 、 隶 书 、 楷 书 、 行 
书 、 草 书 等 书 体 ( 图 3. 51 一 图 3. 53) ， 直 到 现在 的 电脑 字体 。 总 体 来 说 ， 楷 书 形 
成 后 ， 中 国文 字 已 基本 定型 。 

中 国 的 传统 文化 很 早 就 着 力 于 文字 的 复制 ， 由 于 汉字 特有 的 造型 规则 ， 
手工 抄写 一 直 是 一 种 重要 的 传统 方式 。 在 唐 代 ， 由 于 佛教 的 盛行 ， 雕 版 印刷 
术 被 广泛 运用 。 到 了 宋代 ， 佛 经 印刷 规模 扩大 ， 印 刷 品种 齐全 ， 经 、 史 、 
子 、 集 各 类 书 都 有 印刷 (图 3. 54) 。 宋 代 印 刷 技术 已 达到 很 高 水 平 ， 体 现 了 当 
时 提高 生产 技术 、 降 低 生产 成 本 的 发 明成 果 。 明 代 是 中 国 印刷 史上 最 辉煌 的 
时 期 之 一 ， 印 刷 的 规模 、 品 种 和 数量 都 达到 了 一 个 新 的 高 度 。 清 代 是 我 国 古 
代 印 刷 事 业 发 展 的 又 一 高 峰 期 ， 活 字 版 印刷 不 但 使 用 比例 超过 了 以 往 任何 时 
期 ， 而 且 各 种 活字 都 有 使 用 ， 但 直到 清朝 末年 之 前 ， 大 量 使 用 的 还 是 雕版 彩 
色 印 刷 。 
























































人 


及 


况 州 潜 


一 归 》 需 源 | 。。。 淖 光 呈 大 
冉 站 深 庙 六 
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> 曙 后 了 





加 者 汉 六 “ 涪 可 为 潜 卫 办 翰 





图 3. 51 


图 3. 52 
西周 


小 屯 村 出 土 的 甲骨 文 


图 3. 53” 张 烛 
孙 大 娘 的 剑术 


图 3. 54 《 红 拂 记 》/ 
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(2) 现代 汉字 的 美学 意义 。 


现代 汉字 的 美 
刚柔相济 、 典 雅 庄重 ， 


目 ， 间 架 结构 舒 









张 有 度 ， 





秀丽 挺拔 ， 但 因 





其 力度 感 差 ， 故 适用 于 文本 段落 ， 不 宜 用 








目 ， 极 富 现代 感 ， 适 用 于 标题 ; 
弱 ， 故 更 适宜 作为 标题 。 
Ph， 汉字 的 设计 开始 以 个 性 化 、 
写 体 分 为 两 种 : 
由 手写 体 ， 如 广告 
长 篇 文本 段落 不 宜 使 用 。 在 电脑 字库 中 的 各 种 美术 字体 ， 
造型 的 基本 构架 以 及 个 性 风格 。 如 比较 常见 的 综艺 体 、 
这 些 文字 形态 特征 鲜明 ， 


觉 ， 因 其 识别 性 


在 现代 设计 





面前 ， 具 有 商业 宣传 的 效果 。 手 
体 ， 另 一 种 是 以 现代 风格 创造 的 上 


题 和 广告 性 文字 ，1 
都 有 自己 的 名 称 、 
云 体 、 姚 体 、 舒 体 、 
界面 气氛 的 作用 ， 





























方 工 着 金 体 
方正 启 体 
方正 铬 体 
廊 正 定案 体 


方正 铁 筋 隶书 


方正 行 模 

方正 祥 案 体 
方正 少儿 体 
方正 平和 体 
方正 粗 宋 

方正 粗 倩 体 
方正 大 黑体 


学 意义 取决 于 字体 结构 所 传达 的 信息 
阅读 最 省 目 力 ， 具 有 很 好 的 易 读 性 和 识别 性 ， 楷体 字 型 柔和 局 
易 读 性 和 识别 性 较 好 ， 可 用 于 标题 ， 仿 宋体 笔画 粗细 均匀 、 
作 标 题 ; 


体 视觉 冲击 力 不 如 黑体 ， 但 给 入 以 明亮 清新 的 感 


小 繁体 、 剪 纸 体 等 ， 
为 版 面 应 用 需求 提供 了 更 丰富 的 选择 ， 





余下 小 簧 小 
方 百 次 畦 伯 


。 宋 体 字 型 结构 方 中 有 圆 、 


引 人 注 目 ， 
如 图 3. 55 一 图 3. 58 所 示 。 














黑体 字 型 庄重 醒 





风格 化 和 时 尚 化 的 方式 展现 在 消费 者 的 
一 种 来 源 于 传统 书法 ， 如 隶书 体 、 行 书 
体 、POP 体 。 手 写 体 一 般 适用 于 标 





一 种 字体 
圆 体 、 彩 
起 着 活跃 


方正 硬笔 档 书 体 


方正 细 黑 一 体 


方正 细 圆 体 
方正 姚 体 
方正 魏 碑 体 


方正 小 标 宋体 


方正 综艺 体 
方正 麻 体 

方正 黄 纸 体 
方正 琥珀 体 


图 3. 55 ”现代 印刷 体 一 一 方正 字库 





3.56 | 3.57 


3. 58 





图 3. 56 ”2009 年 北京 世界 设计 大 会 海报 











图 3. 57 ”首届 “北大 方正 奖 ”印刷 字体 设计 大 赛 





图 3. 58 第 二 届 “ 方 正 奖 ”印刷 字体 设计 大 赛 
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(3) 拉丁 文字 的 演变 及 发 展 。 

拉丁 文字 在 日 常生 活 中 随处 可 见 ， 它 是 全 世界 使 用 最 广泛 的 文字 ， 
它 的 产生 、 发 展 跟 汉字 一 样 ， 也 是 人 类 社会 发 展 进步 的 印证 。 字 母系 统 的 
发 明 象 征 人 类 文化 传播 迈 出 了 伟大 的 第 一 步 ， 这 是 人 类 智慧 的 伟大 结晶 
为 人 类 社会 的 发 展 迈 出 了 历史 性 的 一 大 步 。 公 元 1 世纪 ， 十 罗马 建立 起 模 
跨 欧 、 亚 、 非 大 陆 的 庞大 帝国 ， 字 母 文字 体系 开始 迅速 普及 起 来 ， 拉 丁字 
母 开始 广泛 地 通行 于 欧洲 各 国 。 以 后 又 经 历 了 古 罗 马 体 (图 3. 59) 、 安 塞 尔 
体 、 哥 特 字体 (图 3. 60) 等 几 个 阶段 。15 世 纪 的 欧洲 多 来 了 文艺 复兴 ， 文 化 
和 技术 的 发 展 繁荣 迅速 推动 了 字母 文字 的 发 展 。 在 这 一 时 期 ， 德 国人 约 
翰 。 十 登 储 发 明了 铅 活字 印刷 术 ， 他 真正 完善 了 活字 印刷 术 ， 开 创 了 拉丁 
字母 的 新 风格 。 随 着 科技 的 发 展 和 印刷 林 的 进步 ， 字 体 风格 更 为 繁荣 昌 
盛 ， 出 现 了 威尼斯 体 、 迪 多 体 ( 图 3.6 夫 波多 尼 体 、 治 克 维尔 体 (图 3. 62)、 
维 恩 塔 体 、 海 报 体 等 字体 。19 世 纪 学 体 最 重要 的 变化 在 于 无 衬 线 体 的 发 明 
和 应 用 。 在 此 之 前 ， 多 数字 休克 有 装饰 线条 ， 而 无 村 线 体 抛弃 了 饰 线 ， 笔 
画 主 要 以 骨架 结构 为 主 ,粗细 均匀 ， 末 端 没 有 字 脚 装饰 。 无 衬 线 体 的 种 类 
很 多 ， 最 具 代 表 性 的 是 乞 余 维 梯 卡 体 (或 称 瑞 二 人 )- 

19 世 纪 至 20 世 纪 初 ， 受 工业 化 大 生 竞 的 影响 ， 社 会 处 在 一 个 大 变革 的 
时 期 。“ 工 艺 美 未 运动 ”和 “新 艺术 运动 ”直接 推动 了 现代 设计 的 发 展 。 
20 世 纪 兴起 的 现代 主义 设计 浪潮 深 出 了 新 字体 设计 的 口号 ， 字 体 由 功能 需 
求 来 决 定 其 形式 ， 在 字体 设计 方面 对 整个 20 世 纪 及 当代 社会 产生 了 巨大 及 
响 。 在 这 种 设计 思想 的 影响 下 ， 逐 渐 发 展 成 为 一 种 新 的 设计 风格 一 一 国际 
主义 风格 。 

现代 拉丁 字母 依据 其 基本 结构 主要 分 为 3 种 类 型 ; 

@@ 饰 线 体 ， 此 类 字体 在 笔画 末端 有 装饰 性 ， 与 汉字 的 宋体 形态 近 
似 ， 具 有 较 好 的 易 读 性 ， 代 表 字 体 是 新 罗马 体 。 

加 无 饰 线 体 : 笔画 的 粗细 对 比 不 明显 ， 笔 画 末 端 没有 装饰 性 部 分 ， 
字体 形态 与 汉字 的 黑体 类 似 ， 远 距离 易于 辨认 ， 具 有 很 好 的 识别 性 ， 多 
于 标题 和 指示 性 文字 ， 代 表 字体 是 畔 尔 维 梯 卡 体 。 单 字母 字体 的 设计 
如 图 3. 63 所 示 ， 为 全 球 人 道 主义 论坛 策划 设计 的 广告 如 图 3. 64 所 示 。 

回 装饰 体 : 通常 说 的 “ 花 ” 体 ， 此 类 字体 具有 极 强 的 装饰 意味 ， 阅 读 
时 较为 费力 ， 易 读 性 较 差 ， 适 合 于 标题 或 较 短文 本 ， 代 表 字 体 是 草 体 。 
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图 3. 59 ”经 过 加 工整 理 的 完整 的 古典 罗马 体 
( 特 拉 亚 努 斯 体 ) 


图 3. 60” 德 式 哥 特 体 

图 3. 61 迪 多 体 

图 3. 62 ”洛克 维尔 方 饰 线 体 

图 3. 63 ”单一 字母 字体 的 设计 / 赫 伯 特 。 拜 尔 





7.dec.®9 Cepenhagen 











加 3. 64 ”为 全 球 人 道 主 义 论坛 策划 设计 的 广告 
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2 学 号 


字号 即 文字 的 大 小 ， 它 有 两 个 计量 单位 ， 即 号 数 制 和 点 数 制 。 号 制 以 互 不 成 比例 
号 字 、 小 四 号 字 、 五 号 字 、 小 五 号 字 





的 3 种 活字 为 标准 ， 加 倍 或 减 





等 。 国 际 上 通用 点 数 制 ， 点 字 用 磅 (pt) 表示。 国 
于 0. 35mm， 如 五 号 字 为 10. 5pt， 即 3. 675mm， 见 表 3. 1。 


EE 自 成 系统 。 有 














家 文化 出 版 事业 局 规定 每 一 点 (1pt) 等 



























































表 3.1 字号 
字号 磅 数 字 身 大 小 /mm 
特大 号 63 22. 05 
特 号 45 15.75 
初 号 36 : 12. 60 
大 号 28 凡人 用 9.8 
小 大 号 2 二 Vw 8. 40 
二 号 2 六 7.35 
小 二 号 ~ xX i8\ 6. 30 
号 5:5125 
四 号 4.90 
小 四 号 4.20 
五 号 3. 675 
小 五 号 < 3.15 
>X3 2. 75625 
七 号 6 2.10 











文字 在 页 面 中 所 占 的 面积 往往 决定 了 页 面 的 设计 感 ， 





因此 ， 设 计 师 在 印 前 就 必须 


做 出 预 判 和 估计 。 虽 然 相 同 字 号 的 不 同 字体 会 有 明显 的 差别 ， 但 在 一 般 情 况 下 ，6pt、 
7pt 的 字体 较 小 ， 通 常用 在 名 片 类 对 一 些 细节 信息 的 描述 ， 正 常 的 正文 字体 是 8pt、 
9pt; 高 龄 读者 的 正文 字体 则 需要 10pt、11pt; 13pt 以 上 字体 则 适合 标题 文字 ， 封 面 的 


标题 要 在 17 一 23pt 以 上 ; 低 于 5pt 的 字 ， 字 体 太 小 ， 影 响 阅读 。 
Ph 适 当选 择 不 同 的 字体 ， 





在 同一 个 版 面 9 














内 容 提要 、 正 文 、 页 码 等 ， 应 通过 不 同 的 字体 形状 进行 主 次 
， 和 否则 就 导致 版 面 凌乱 。 一 般 情 况 下 ， 至 多 不 超过 3 一 4 种 字体 ， 也 可 以 通过 同一 字 























体 的 加 粗 、 倾 斜 等 手法 来 达到 丰富 版 面 的 效果 。 
一 般 情 况 ， 笔 画 粗 的 或 结构 饱满 的 字体 显得 较 大 ， 如 同等 字号 的 黑体 比 楷体 略 
大 。 其 次 ， 同 样 的 字体 和 字号 ， 不 同 的 文字 也 有 大 小 区 别 ， 笔 画 多 的 比 笔 画 少 的 显得 


大 ， 方 形 字 母 比 圆 形 字母 显得 大 ， 











3. 66 所 示 。 








可 以 丰富 版 


























面 的 层次 ， 如 书籍 中 的 目录 、 
区 别 。 当 然 也 不 能 过 多 使 

















圆 形 字母 比 三 角形 字母 显得 大 ， 等 等 ， 如 图 3. 65、 





ot MY9UT DESIGN AD VSA05 护持 设 诗 与 丘 用 
Jpt LAYOUT DESIGN AND USAGE 编排 设计 与 应 用 
8pt LAYOUT DESIGN AND USAGE 编排 设计 与 应 用 


9pt LAYOUT DES1GN AND USAGE 编排 设计 与 应 用 


10pt LAYOUT DESIGN AND USAGE 编排 设计 与 应 用 


20pt LAYOUT DESIGN AND USAGE 编排 设计 与 应 用 


性 ， 如 图 3. 67 所 示 。 在 标题 文字 中 


WN ed 


SUGAR-PREE 


THE 
至 


> 


IN 
OM 





字 距 是 字 与 字 之 间 的 距离 ， 一 般 指 横向 距离 。 字 距 是 否 适当 ， 直 接 影响 到 字体 
的 美观 和 阅读 的 流畅 感 ， 正 常情 况 下 ， 字 距 应 选择 为 字体 宽度 的 10%。 排 版 过 密 的 字 
距 给 人 以 紧张 感 ， 字 距 过 大 又 会 给 人 断 续 感 ， 合 理 的 字 距 可 以 使 阅读 的 信息 具有 连贯 








P 可 以 通过 刻意 地 调整 文字 的 间隔 来 改变 文字 的 朴 密 


关系 ， 达 到 最 佳 的 视觉 效果 。 桌 面 排版 系统 已 经 设 有 合理 的 字 距 ， 但 也 可 以 根据 需求 
调整 字 距 ， 


汉字 是 方块 字 ， 因 


以 达到 满意 的 效果 。 





此 字 距 较为 平均 ， 呈现 均衡 的 点 状 ; 反之 ， 如 果 汉字 的 字 距 


太 宽 ， 则 呈现 点 状 的 跳跃 感 。 英 文 的 字母 之 间 有 较 连 贯 的 组 合 ， 组 成 单词 后 在 视觉 上 
给 人 留 下 连贯 的 印象 ， 由 于 小 写字 母 的 高 矮 宽 窄 不同， 在 视觉 阅读 上 ， 英 文具 有 长 短 
交替 的 节奏 感 ， 由 于 大 写字 母 自身 存在 的 形式 以 及 与 其 他 字母 结合 的 方式 ， 会 使 字 距 
显得 突出 ， 垂 直线 条 的 字母 ， 如 I、L 和 F， 


间 ， 


县 





电子 所 





有 具体 情况 进 


FE 行 字 距 的 调整 ， 如 图 3. 68 所 示 。 


比 贺 





形 线条 的 字母 ， 如 0 和 Q， 需 要 更 多 空 


版 软件 能 调整 字 距 。 当 然 ， 这 不 能 解决 字 距 的 所 有 问题 ， 设 计 师 应 该 根据 





油烟 让 上 肛 天 并 环 六 将 "sd 


1 





型 


-200 字 距 LAQT [ESINADLBE 编 捉 多 与 应 用 
-100 字 距 LAYOUT DESIGN AND USAGE 编排 设计 与 应 用 


0 字 距 

100 字 距 
200 字 距 
300 字 距 
400 字 距 
500 字 距 





LAYOUT DESIGN AND USAGE 编排 设计 与 应 用 

LAYOUT DESIGN AND USAGE 编排 设计 与 应 用 

LAYOUT DESIGN AND USAGE 编排 设计 与 应 用 

LAYOUT DESIGN AND USAGE 编排 设计 与 应 用 
LAYOUT DESIGN AND USAGE 编排 设计 与 应 用 
LAYOUT DESIGN AND USAGE 编排 设计 与 应 用 


3.67 
3.68 


图 3.67 字 距 
图 3,68 《财富 》 杂 志 封 面 /大 写 的 字母 ， 


故意 拉 大 的 字 距 ， 让 人 想到 纽约 网 格 状 的 
城市 肌理 / 利 奥 。 莱 昂 尼 


4. 行距 
行距 指 文字 行 之 间 的 间隔 距离 。 行 距 的 宽 窜 影 响 着 阅读 的 流畅 ， 同 时 也 关系 
版 面 的 美观 。 适 当 的 行距 能 使 阅读 方便 ， 并 有 很 好 的 块 面 感 。 行 距 窗 ， 行 与 行 





之 间 不 易 看 清 ， 而 使 视线 的 转向 变 得 不 知 所 措 ， 阅 读 起 来 易 使 人 疲劳 ， 如 果 行 距 
过 宽 会 使 阅读 者 在 换行 时 不 方便 ， 且 容易 造成 纸张 浪费 。 一 般 情况 下 ， 应 根据 版 





面 
距 








EE 
3 











间 


和 内 容 的 需要 进行 行距 的 调整 。 中 文 的 行距 一 般 不 小 于 字号 的 1. 5 倍 ， 英 文 的 行 
小 于 中 文 行距 ， 通 常 不 小 于 字号 的 1. 2 倍 。 一 般 标题 的 行距 较 小 ， 这 样 能 形成 紧 








凑 、 醒 目的 视觉 效果 。 当 然 适当 的 行距 是 依 主 题 的 内 容 而 定 的 ， 在 设计 中 需 不 断 
试 和 调整 ， 有 时 纯粹 为 了 版 式 的 需要 ， 可 以 适当 的 加 宽 或 缩减 行距 ， 以 达到 空 








的 层次 感 ， 如 图 3. 69 一 图 3. 71 所 示 。 











1.5 信 行距 
LAYOUT DESIGN AND USAGE 编排 设计 与 应 用 
LAYOUT DESIGN AND USAGE 编排 设计 与 应 用 


2 倍 行距 
LAYOUT DESIGN AND USAGE 编排 设计 与 应 用 
LAYOUT DESIGN AND USAGE 编排 设计 与 应 用 
3 们 行距 


LAYOUT DESIGN AND USAGE 编排 设计 与 应 用 


LAYOUT DESIGN AND USAGE 编排 设计 与 应 用 


An ~ 


Those who make 

Do you ever 
peaceful revolution 
impossible will make feel guilty 


violent revolution 














~ 


No worries, 


the war will 


pumping gas? come home. 
innevitable. 
一 A 人 人、 
Cltl Ciltl citi 
图 3.69 行距 
3.69| 3.71 图 3. 70 “Citibank” 系 列 海报 /Copper Greene 
ed 
3.71 ”印刷 字体 县 印 在 一 起 ， 缩 小 字 距 和 行距 ， 文 字 的 块 面 感 加 强 
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5 分 栏 和 栏 宽 

中 文正 文 的 字符 数 以 每 行 20 一 35 个 为 宜 ， 西 文 则 约 40 一 70 个 字符 最 易 阅 
读 ， 因 此 较 宽 的 文字 幅面 应 考虑 采用 分 栏 的 排 布 方式 。 

栏 宽 是 指 两 栏 之 间 的 距离 。 中 文正 文 的 栏 宽 一 般 占 有 一 个 字 、 两 个 字 甚 至 
3 个 字 的 栏 宽 ， 这 主要 取决 于 版 面 的 风格 ， 但 从 视觉 接受 信息 的 角度 来 看 ， 以 
两 个 字 的 栏 宽 为 宜 ， 如 图 3. 72 一 图 3. 74 所 示 。 








2 
于 


il 


1 





| 





图 3. 72 “分 栏 和 栏 宽 的 处 理 (一 )/ 汉 由 
3.72 盖 图 3. 73 “分 栏 和 栏 宽 的 处 理 (二 ) 


图 3. 74 分 栏 与 色彩 结合 在 一 块 ， 显 得 更 加 清晰 明了 














二 、 对 齐 方式 


在 文字 编排 设计 中 ， 文 字 的 排版 常常 会 
方式 : 左右 均 齐 、 齐 中 、 齐 左 、 齐 右 、 曲 线 对 齐 、 文 字 绕 图 式 排列 等 。 当 然 ， 每 一 
对 齐 方式 ， 给 人 的 感受 都 是 不 一 样 的 。 如 齐 左 的 排列 最 普遍 ， 
习惯 ， 它 体现 一 种 亲切 感 、 秩 序 感 和 规则 感 (图 3. 75、 图 3. 76) ; 
字 长 短 不 一 ， 它 体现 一 
(图 3. 77) ， 齐 中 只 


对 齐 和 文字 图 形 化 排列 使 版 面 趋 于 活泼 、 新 奇 ， 它 是 最 具 时 代 感 的 ， 





述 的 条 条 框框 ， 








以 对 齐 的 方式 出 现 。 主 要 有 以 下 几 种 对 齐 
利 


也 非常 适合 人 们 的 阅读 
而 齐 右 的 排列 是 开头 文 
种 视觉 的 变异 感 和 新 奇 感 ， 它 是 一 种 极 具 超前 意识 的 版 面 构成 
限于 较 短 小 的 内 容 ， 左 右 两 端 字 距 可 以 相等 也 可 以 长 短 不 一 ， 这 利 
版 式 适 合 邀 请 的 宣传 单 ， 但 阅读 起 来 不 方便 (图 3. 78); 左右 均 齐 是 指 自 成 一 


十 分 整齐 ， 这 种 排列 感觉 规整 、 大 方 、 美 观 ， 但 容易 产生 平淡 的 感觉 (图 3. 79) ， 曲 线 


bh 





个 方块 ， 

















就 会 杂乱 无 章 ， 如 图 3. 80、 图 3. 81 所 示 。 









New GraphicDesig 
Graphisme actuel . 


3.75 3 3.77 
3.78 


图 3.75 齐 左 排列 / 王 烨 


图 3. 76 《新 平面 设计 》 杂 志 / 卡 罗 。 维 瓦 雷 / 齐 
左 的 排列 形式 ， 给 版 式 设计 注入 现代 感 


图 3.77 齐 左 与 齐 右 的 混合 排列 / 郭 幅 
图 3.78 齐 中 排列 /内 尔 。 阿 什 比 


它 打破 了 前 面 所 
给 设计 师 带 来 了 无 限 的 可 能 性 ， 但 设计 者 需要 相当 熟练 的 技巧 ， 否 见 
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图 3. 79 “每 个 人 都 是 设计 师 六 


海报 7 左右 均 齐 ， 使 文字 的 编排 新 颖 而 有 秩序 


3.79 | 3.80| 3.81 图 3.80 曲线 排列 (- /站 


图 3. 81 





、 版 式 中 的 文字 编排 

1， 标 题 与 正文 的 编排 
标题 是 正文 的 向 总和 妥 秽 ， 
eR 字号 
文字 的 诉 突出， 所 以 无 论 是 7 
标题 文字 3 了 行距 方面 的 具体 规则 ， 
在 进行 标题 与 正文 说 明文 字 的 编排 时 ， 
双 栏 、3 栏 或 4 栏 的 编排 ， 以 求 取 版 面 的 清晰 、 


、 位 置 以 及 处 理 方式 等 ， 

















体 还 
它 来 自 于 整个 版 面 的 视觉 平衡 。 
可 先 考虑 将 说 明正 文 进行 分 栏 ， 


出线 排列 (>/ 刘 昂 斯 。 


标题 的 编排 与 设计 是 出 版 物 总 体 设计 的 重要 组 成 部 分 ， 


直接 关系 到 整体 版 式 的 艺术 风格 。 
字号 上 都 会 加 强 其 对 比 关 系 。 


标题 
对 于 


















将 正文 做 


规律 、 活 力 与 变化 ， 然 后 进行 标题 的 置 


入 ， 这 样 可 以 避免 画面 的 呆板 以 及 标题 插入 方式 的 单一 性 。 标 题 不 一 定 干 篇 一 律 的 置 


于 段 首 之 上 ， 随 着 内 容 的 不 同 可 做 居中 、 





横向 、 


竖 边 或 边 置 等 编排 处 理 ， 有 的 标题 更 


是 直接 插入 字 群 之 中 ， 以 求 新 颖 的 编排 形式 来 打破 陈旧 的 方式 。 标 题 区 的 明度 关系 可 





以 通过 字 型 、 大 小 、 粗 细 、 色 彩 来 表现 。 






































标题 的 处 理 既 要 与 正文 内 容 形成 鲜明 的 对 比 ， 给 人 以 醒目 的 审美 享受 ， 又 要 
与 正文 有 机 地 结合 在 一 起 。 书 稿 内 容 比 较 严 肃 时 ， 标题 设计 要 尽量 规范 化 ， 字体 
选择 要 庄重 ;， 艺术 性 较 强 的 书稿 ， 标 题 设计 则 要 美观 、 新 颖 ， 产 生变 化 。 图 书 的 
标题 比较 简练 、 统 一 ; 期 刊 的 标题 大 都 活泼 多 样 、 装 饰 性 强 ， 强 调 变 化 与 醒目 ， 
如 图 3. 82 一 图 3. 86 所 示 。 























The Race ls On 
And the Favorite Is... 





THOMAS TEOMAN 


New ‘Sputnik’ Challenses: 
All Fueled by Oil 


Cr] 


Bush's blindness 
puts our way of 
tife in penil. 








图 3.82 标 
的 巧妙 结合 ， 艺 


和 3. 83 ”由 “设计 学 校 ” 
出 版 的 竹 尾 纸 业 PAPER 
SHOW 书籍 


图 3. 84 ”标题 插入 正文 之 
中 ， 显 得 新 颖 、 简 练 


图 3. 85 ” 散 点 式 的 标题 文 
字 左 排 占据 整个 画面 ， 小 
的 说 明文 字 打破 空白 并 与 
之 呼应 





图 3. 86 ”标题 插入 打破 陈 
日 ， 正 文 编排 美观 新 颖 
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2. 段落 的 编排 
段落 是 整 块 文字 内 容 的 区 域 。 一 个 页 面 需要 一 定 的 段落 文字 支持 ， 文 字 的 内 容 太 


多 或 太 少 都 会 影响 设计 效果 ， 因 此 需要 灵活 地 进行 编排 设计 。 段 落 之 间 的 编排 有 多 种 
方法 ， 可 以 将 段落 组 织 成 一 个 整体 的 形 ， 如 正方 形 或 长 方形 等 ， 其 中 各 个 段落 之 间 还 








可 用 








线段 分 割 ， 使 其 清晰 、 有 条 理 而 富 于 整体 感 。 
段落 的 编排 还 应 注意 文字 本 身 的 格式 效果 ， 不 同 重点 的 文字 内 容 用 不 同 的 字体 来 


表现 ， 是 设计 中 常用 的 手法 ， 但 字体 过 多 ， 画 面 就 显得 比较 乱 ， 字 体 过 少 又 缺乏 必要 
的 生气 ， 如 图 3. 87 一 图 3. 89 所 示 。 





Good morning, t's joouary ond R's 4:17 
am ond rm golng to sit here in the 
dork. |'m in the living room in my bive 
bathrobe, with an ormchalr pulled up to 
the fireploce. There isn't much in the woy 
of open flome ot the moment becouse 
the underloyer of balled-up newspoper 
ond popertowel tvbes has burned down 
and the wood hosn't fully cought Yet 

So wuhotfm looking ot is on orongey 
ember-covern that resembles o monster's 


sioppy movth, Filled with half-chewed, 
owing bits of fire-meat. When t's very 
dork like this you lose your sense of 
scole. Sometimes | think fm steering o 
spoceplane into o 9gigantic flssure in o 
dork ond remote plonet. The plonet’s 


arust bs beginning to break vp, ollowing 
on vnderground seo of lavo to eore out 
Continents ore tipping ond foundering 
like melting icebergr ond 1most Fly in 
en my highly meneuverobis rochet and 
sove the colonists usho org tropped there 


32.07 |3.08 


3.89 


图 3.87 《365: AIGA in Design 
2004》 年 鉴 





图 3. 88 ”无形 的 大 学 招贴 











图 3. 89 ”调查 文本 研究 /英文 和 
向 下 移 一 点 的 意大利 文 结合 在 
一 起 


3 中 英文 字体 的 编排 
汉字 和 拉丁 字母 承载 着 中 国 和 西方 两 种 不 同意 识 形态 下 文化 思想 的 载体 。 从 传统 





的 书籍 形态 发 展 来 看 ， 汉 字 与 拉丁 文字 的 编排 规则 有 很 大 的 不 同 。 叶 
排 模式 ， 新 中 国 成 立 以 后 ， 拉 丁 文字 逐渐 融入 中 文 之 中 ， 横 排 相对 














国 古 代 文 字 是 竖 
竖 排 而 言 更 加 方 








HH 二 








便 阅读 。1956 年 ，《 光 明日 报 》 开 始 采用 拉丁 文字 的 编排 方式 ， 用 横 排 蔡 代 了 竖 排 。 


目前 设计 界 





流行 这 样 一 句 话 ,“ 中 文 不 如 英文 好 看 ”。 一 方面 说 明了 汉字 字体 设 


计 的 落后 ， 字 形变 化 不 大 ;， 另 一 方面 说 明 汉字 排版 不 如 英文 简洁 。 以 至 于 汉字 太 过 繁 























琐 ， 在 版 面 设计 时 不 能 体现 设计 的 现代 感 。 
文字 组 合 的 目的 ， 是 为 了 增强 其 视觉 传达 功能 ， 赋 予 审美 情感 ， 诱 导 人 们 有 兴趣 地 
进行 阅读 。 在 信息 传递 的 今天 ， 英 文 存在 于 很 多 地 方 ; 建筑 物 的 名 称 、 公 共 标 识 、 户 外 
广告 等 ， 也 广泛 存在 于 书籍 印刷 物 、 日 用 包装 上 等 。 为 了 迅速 传达 中 国文 化 ， 仅 仅 凭借 
单纯 的 汉字 排列 或 者 拉丁 文字 的 编排 是 无 法 达到 的 。 文 化 交融 使 中 英文 各 自 表 现 不 同 的 
创意 、 不 同 的 概念 、 不 同 的 书写 体系 。 汉 字 和 拉丁 文字 的 混 含 排列， 反映 了 文化 交融 的 























必然 需求 ， 亦 是 现代 文化 全 球 化 与 地 域 性 共存 的 要 求 。: 在 视觉 传达 领域 使 用 英文 ， 不 仅 
是 为 了 达到 引 人 注 目的 目的 ， 既 为 了 装饰 ， 也 为 了 与 中 文 组 合 起 来 ， 传 达 多 种 多 样 的 信 
息 。 我 们 必须 明确 汉字 与 拉丁 文字 的 组 合 在 视觉 传达 中 运用 的 原因 和 效果 。 

中 英文 的 组 合 在 媒体 中 一 般 都 呈现 出 外 观 表 现 和 内 部 表现 的 融合 。 中 英文 配合 不 
恰当 ， 使 文字 看 起 来 凹凸 不 平 ， 阅 读 舒 适 性 差 ， 所 以 要 从 众多 的 英文 字体 和 汉字 字体 


中 选择 适合 的 字体 ， 确 实 
要 素 相 对 复杂 ， 汉 字 的 


比 更 为 简洁 、 易 1 





;要 对 字体 文化 和 字体 设计 有 极 高 的 素养 






中 国文 字 的 构成 





笔画 数 从 一 画 到 多 画 不 等 ， 而 英文 的 构成 要 素 与 文字 的 笔画 相 
伐 。 一 般 情 况 下 ， 中 文字 体 中 自 带 的 英文 不 太美 观 ， 所 以 ， 为 了 版 面 


更 加 舒适 、 协 调 ， 在 设计 中 应 用 复合 字体 是 非常 必要 的 。 匹 配 复合 字体 时 ， 设 计 师 应 
精心 挑选 ， 仔 细 区 别 字体 的 细节 ， 以 达到 最 佳 的 视觉 效果 ， 同 时 应 尽量 选择 字体 系列 





较 全 的 字体 加 以 


匹配 ， 又 减少 字体 的 使 用 ， 让 版 面 看 起 来 更 加 协调 、 整 齐 。 总 之 ， 内 


部 和 外 观 的 完美 结合 ， 才 能 够 给 予 读 者 强烈 的 视觉 冲击 力 ， 如 图 3. 90 一 图 3. 95 所 示 。 


Chinese-English 中 英文 字体 搭配 


衬 线 体 搭配 ， 字 形 匹 配 ， 视 觉 和 谐 


Chinese-English 中 英文 字体 搭配 


衬 线 体 和 无 衬 线 体 搭 配 ， 字 形 不 匹配 ， 视 觉 跳跃 


Chinese-English 中 英文 字体 搭配 


衬 线 体 搭配 ， 但 笔画 不 合理 ， 视 觉 跳跃 


Chinese-English 中 英文 字体 搭配 


无 衬 线 体 搭配 ， 字 形 匹配 ， 视 觉 和 谐 
图 3. 90 ”中 英文 字体 搭配 
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图 3. 91 ”英文 中 文字 竖 排 并 不 多 见 ， 但 这 期 issue 杂 志 却 一 反常 规 使 用 了 竖 排 式 ， 
令 画面 富 于 韵律 与 节奏 感 


图 


图 








图 


3. 92 
3.93 


图 3. 94 


3.95 


多 种 文字 的 组 合 排列 ， 反 映 了 文化 交融 的 必然 需求 
多 种 语言 文字 设计 /中 英文 混 排 
中 国学 研究 院 在 斯 坦 福 大 学 成 立 海报 / 王 敏 


“We Are The One” 版 式 设计 / 乔 玮 洁 





d、 文 字 的 强调 
在 版 面 设计 中 ， 往 往 需 要 把 一 部 分 文字 突出 ， 有 意 加 强 某 种 文字 元 素 的 视觉 效 
果 ， 使 其 在 整体 版 式 设计 中 与 众 不 同 ， 这 就 是 文字 的 强调 。 这 个 被 强调 的 元 素 正 是 版 
式 设计 的 诉求 重点 。 当 然 也 可 以 通过 其 他 方法 来 达到 文字 强调 的 目的 。 

(1) 首 字 强调 是 将 正文 的 第 一 个 字母 或 词 进行 放大 、 图 形 化 、 装 饰 化 处 理 ， 这 是 
当今 比较 流行 的 设计 方法 ， 源 于 欧洲 中 世纪 的 文稿 抄写 员 。 第 一 个 字母 在 文本 中 起 强 
调 、 吸 引 视 线 、 装 饰 、 活 跃 版 面 的 显著 人 作用。 下坠 式 是 目前 使 用 最 为 广泛 的 一 种 强调 
手法 ， 即 把 正文 的 第 一 个 字母 进行 放大 ， 至 于 放大 的 量度 ， 依 据 页 面 大 小 和 文字 所 处 
4 版 式 环境 来 确定 ， 如 图 3. 96、 图 3. 97 所 示 。 

(2) 利用 段 间 距 的 空隙 可 以 起 到 强调 的 作用 。 

(3) 排列 方式 的 不 同 可 以 起 到 强调 的 作用 。 如 果 需 要 到 
这 部 分 文字 的 排列 方法 ， 从 而 打破 读者 的 阅读 习惯 ， 使 读者 首先 注意 



































行 强调 ， 则 改变 


该 部 分 的 内 容 。 






(4) 在 字号 、 字 距 、 行 距 等 方面 与 其 他 文字 有 所 区 别 ，” 以 达到 强调 的 目的 ， 如 
图 3. 98 所 示 。 

(5) 通过 线 框 、 符 号 的 方式 有 意识 地 对 某 一 文字 信息 进行 强调 ， 使 画面 形成 动静 
结合 的 视觉 效果 ， 如 图 3. 99 所 示 。 

(6) 运用 不 同 的 色彩 对 局 部 文字 进行 强调 ， 如 图 3. 96 一 图 3. 99 所 示 。 





图 3. 96 ”标题 强调 和 首 字 强 调 图 3.97 首 字 下 坠 式 ， 强 调 正文 的 开篇 


图 3. 98 ”标题 文字 的 强调 ， 用 线 框 、 符 号 图 3. 99 Herman Miller 年 度 报 告 /多 变 的 段 
的 方式 对 正文 进行 强调 落 编排 、 色 彩 强调 的 文字 使 设计 更 加 个 性 化 























是 上 避 


油烟 让 上 肛 天 并 下 六 敬 
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五 、 文 字 的 情感 与 个 性 特征 

作为 画面 的 形象 要 素 之 一 ， 文 字 在 视觉 传达 中 具 
有 传达 感情 的 功能 ， 因 而 它 必须 具有 视觉 上 的 美感 ， 能 
够 给 人 以 美的 感受 。 用 美 丑 来 衡量 作用 了 视觉 感官 的 事 
物 ， 已 经 成 为 人 们 有 意识 或 无 意识 的 标准 。 满 足 人 们 的 
审美 需求 和 提高 美的 品位 是 每 一 个 设计 师 的 责任 。 

注重 文字 的 编排 和 文字 的 创意 ， 乃 是 传达 现代 感 的 
一 种 方法 。 设 计 师 的 职责 是 在 有 限 的 文字 空间 和 结构 中 
进行 创意 编排 ， 赋 予 编排 更 深 的 内 涵 ， 提 高 版 面 的 趣味 
性 与 可 读 性 ， 克 服 版 面 的 单调 与 平淡 。 

文字 设计 成 功 与 否 ， 不 仅 在 于 字体 自身 的 书写 ， 
同时 也 在 于 其 运用 的 排列 组 合 是 否 得 当 。 如 果 一 件 作 
品 中 的 文字 排列 不 当 ' 拥挤 杂乱 ， 缺 乏 视线 流动 的 顺 
序 ， 不 仅 会 影响 并 和 的 类 不， 也 不 利于 允 文 池 的 
ro 
i 
Se 
各 自 个 三 特征 的 同时 ， 又 取得 整体 的 协调 感 。 为 了 取 
多 生动、 鲜明 的 视 ， 可 以 从 风格 、 大 小 、 方 
“向 、 明 暗 度 等 方面 选择 对 比 的 因素 ， 为 了 达到 整体 上 
组 合 的 统一 ,- 记 需 要 从 风格 、 大 小 、 方 向 、 明 瞳 度 等 
方面 选择 协调 相同 的 因素 。 将 对 比 与 协调 的 因素 在 服 
从 于 主题 表达 的 前 提 下 有 分 寸 地 运用 ， 达 到 既 对 比 又 
协调 统一 的 、 具 有 视觉 审美 价值 的 文字 组 合 效 果 。 范 
例如 图 3. 100 一 图 3. 103 所 示 。 



























六 、 文 字 的 图 形 化 表现 

所 谓 文字 图 形 化 就 是 以 文字 为 主要 元 素 进行 
创意 设计 ， 将 文字 笔画 进行 合理 的 变形 ， 使 文字 
的 表意 转化 为 图 形 的 表达 。 因 为 人 类 早期 的 文字 
是 从 图 形 演变 而 来 的 ， 虽 经 历 了 漫长 的 演变 与 发 
展 ， 但 图 形 化 的 特点 并 没有 完全 消失 。 工 业 时 代 
的 迅 独 发 展 使 人 们 的 生活 观念 和 审美 意识 发 生 了 
巨大 的 改变 ， 造 就 了 人 们 对 简洁 、 标 准 化 形式 的 
追求 。 读 图 成 为 当今 人 们 获取 信息 的 重要 途径 
现代 图 形 化 的 文字 随 着 科学 和 技术 的 发 展 日 趋 完 
善 ， 成 为 视觉 传达 设计 中 不 可 缺少 的 一 部 分 。 

在 对 文字 进行 图 形 化 设计 时 ， 要 对 文字 进 
行 深入 分 析 ， 和 寻找 与 字形 、 字 意 相 关 的 视觉 信 
息 进行 创意 构思 ， 对 其 文字 的 笔画 、 结 构 进行 
修饰 、 美 化 ， 强 化 文字 图 形 与 文字 信息 
双重 视觉 记忆 ， 从 而 使 文字 的 构成 形式 更 加 生 
动 ， 信 息 传达 妙趣 横生 。 现 代 图 形 化 文字 的 设 
计 与 传统 的 文字 设计 相 比 ， 在 满足 功用 的 基础 
上 更 加 强调 个 趣味 性 ， 不 仅 能 够 完美 地 体 
现 设 计 主题 、 完 善 设计 理念 “表现 形式 更 加 多 
样 化 ， 选 材 直 富 ， 识 别 性 强 。 文字 的 图 形 化 表 
现 可 以 使 版 面 产 生 妙 趣 ， 获 得 良好 的 视觉 吸引 
力 ， 是 形式 与 内 容 相 统 一 的 最 佳 形式 。 但 是 并 
非 每 件 设 计 都 适用 于 图 形 化 处 理 ， 而 且 图 形 化 
处 理 不 可 随意 滥用 ， 它 必须 依据 主题 内 容 来 确 
定 。 范 例如 图 3. 104 一 图 3. 111 所 示 。 








































































3. 104 
3. 105 
3. 106 





到 3. 104 海报 系列 一 一 奥巴马 /文字 “。 北 京 09 展 /中 央 美 
术 学 院 美术 馆 














3.105 ”拉丁 美洲 的 歌德 学 院 招贴 /将 诗人 歌德 的 名 字 打 
破 ， 组 合成 美妙 的 图 形 / 金 特 * 凯 泽 

















图 3. 106 文字 与 图 形 的 有 机 结合 ， 增 加 了 画面 的 趣味 性 
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3. 107 3. 108 
3.10913. 11013. 111 


图 3. 108 





图 3. 109 
纳 多 索 罗 








3. 110 











图 3. 111 





更 加 丰富 / 


DESIGN HUBS 





类 


绘画 海报 /字母 变 成 了 用 语言 表达 的 图 天 
阿兰 


弗 莱 切 尔 


为 在 西西 里 岛 巴 勒 莫 举 办 的 索 罗 里 作品 展 而 





图 3. 107 新 婚 协 作坊 设计 /传统 的 民间 剪纸 转化 为 时 尚 的 符号 元 素 ， 赋 
予 其 新 的 视觉 表现 形式 和 载体 


区， 让 信息 的 内 涵 


设计 的 海报 / 莱 奥 





通过 色彩 之 间 的 差异 ， 形 成 相互 透 琶 的 文字 








形 / 李 胜 元 





2011 年 北京 国际 设计 周期 设计 的 海报 字体 


七 、 文 字 编排 的 原则 

受 现代 主义 的 艺术 思潮 影响 ， 当 今 设 计 领 域 ， 设 计 不 再 是 循规蹈矩 ， 文 字 编排 
设计 更 多 的 是 关注 文字 编排 艺术 表现 形式 的 创新 性 ， 表 现 手法 多 样 ， 唯 视觉 美的 个 性 
标准 取代 了 文字 原 有 可 读 性 的 意义 。 文 字 版 面 的 设计 同时 也 是 创意 的 过 程 
计 者 的 思维 水 准 的 体现 ， 是 评价 一 件 编排 设计 作品 好 坏 的 重要 
中 ， 文 字 编排 设计 应 该 避免 走 入 以 下 误区 。 

-是 设计 中 重 图 轻 文 ， 缺 乏 对 文字 的 深层 理解 。 电 脑 技 术 大 大 提高 了 设计 的 便捷 
性 ， 图 像 的 强大 功能 让 人 们 在 使 用 字体 时 感到 迷茫 ， 不 知道 什么 情况 下 使 用 什么 样 的 
字体 ， 不 知道 字体 与 整体 版 式 怎样 契合 。 

二 是 文字 的 空间 处 理 。 空 间 给 文字 视觉 元 素 界 定 了 一 定 的 范围 和 尺度 ， 视 觉 元 素 
在 一 定 的 空间 范围 里 显示 出 最 恰当 的 视觉 张力 及 良好 的 视觉 效果 。 在 人 们 的 视觉 空间 
中 ， 大 小 不 等 、 多 样 的 文字 看 似 复杂 ， 其 可 循 。 故 在 编排 设计 时 ， 需 文字 
的 大 小 、 间 距 、 行 距 、 动 势 、 顺 序 和 周围 的 空 就 会 导致 文字 之 间 缺 乏 
协调 性 而 使 视觉 空间 混乱 无 序 ， 从 而 造成 信息 不 能 有 。 

三 是 文字 风格 与 版 面 整体 风格 要 协调 一 致 。 芯 幅 版 式 设计 作品 是 由 不 同 的 他 
合 而 成 的 ， 不 能 每 种 字体 自 成 一 种 风格 。 对 字体 和 字 型 的 选择 和 搭配 ， 要 非 
- 般 而 言 ， 选 择 3 种 字体 就 可 以 达到 最 佳 的 视觉 效果 ， 否 则 就 会 显得 零乱 而 缺乏 整体 
效果 。 对 所 选用 的 字体 ， 可 考虑 通过 加 粗 一 变 细 、 拉 长 、 压 扁 等 方式 来 调整 字体 大 
小 ， 同 样 可 以 达到 丰富 多 彩 的 视觉 效果 、 如 图 3. 112 一 图 3<115 所 示 。 
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图 3. 112 ”文字 灵活 多 变 ， 轻 松 自由 ， 显 示 字 
出 良好 的 视觉 张力 和 良好 的 视觉 效果 
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图 3. 114 《流亡 者 》 杂 志 霸 开 页 /路 迪 。 凡 德 兰 斯 
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图 3. 115 ”宫廷 剧院 (Royal Court Theater) 节 目 单 /Research 工人 





3.4 图 形 与 图 片 的 编排 构成 


图 形 作为 版 面 设 计 的 构成 元 -， 其 表现 
力 比 文字 要 高 ， 其 视觉 吸引 力 、 视 觉 强度 也 比 文 
字 要 大 。 一 般 来 说 ， 图 形 能 在 极 短 的 时 间 内 传 
息 ， 这 就 迫使 设计 师 必 须 选 择 最 适合 的 图 形 
由 于 图 形 是 现实 社会 的 真实 写 
信息 量 ， 一 张 图 片 即 使 不 需 绍 ， 大 部 分 的 
人 也 能 理解 其 中 的 含义 。 选 择 合适 的 图 片 可 以 使 版 
面具 有 更 强 的 视觉 吸引 力 ， 使 受众 者 对 出 版 物 的 关 
注 度 更 高 。 

一 、 图 形 特点 

在 实际 的 设计 中 ， 设 计 师 会 面 对 数 量 繁多 的 
到 片 ， 图 片 的 类 型 主要 有 人 物 、 动 物 、 植 物 、 产 
品 、 风 景 和 电脑 合成 图 片 。 版 式 设计 中 的 图 形 ， 哥 
六 分 为 抽象 图 形 和 具象 图 形 。 每 种 图 片 都 有 其 鲜明 
的 特点 。 从 中 找 出 图 片 的 使 用 特点 、 图 片 与 网 格 、 
到 片 与 文字 、 图 片 与 色彩 、 图 片 的 形状 和 比例 等 ， 
可 以 使 设计 师 的 思路 更 加 开阔 。 
图 形 作为 一 种 表现 为 极 强 的 表达 形式 ， 它 的 
特征 主要 有 简洁 性 、 夺 张 变形 、 有 具象 图 形 、 抽 象 图 
形 和 图 形 的 符号 性 等 : 

创意 图 形 的 组 织 形式 主要 有 渐变 图 形 、 共 生 
玖 形 、 同 构图 形 、 了 矛盾 图 形 、 错 视图 形 、 扭 曲 图 形 
EE ， 如 图 3. 116 一 图 3. 121 所 示 




































图 3. 116 共生 图 形 的 应 用 /Lax 
Drewinski 


图 3. 117 “死刑 嘲笑 公正 ”政治 招 


贴 /为 有 色 人 种 进步 国际 协会 而 作 
的 招贴 /和 詹姆斯。 维克托 





图 3. 118 “胜利 ”海报 /两 手指 摆 
出 的 “V” 字 手势 ， 是 跨越 文化 的 
胜利 图 形 符号 ， 残 缺 的 3 只 手指 ， 
凸显 胜利 的 来 之 不 易 / 陈 放 
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’ STOP CLIMATE CHANGE 
司 BEFORE IT CHANGES YOU, 


CHOREOGRAPHIEN UWE SCHOLZ | 


图 3. 119“ 苏 黎 世 芭蕾 招 贴 /K. D. Geissbuhler 


3. 119 | 3. 120 | 3. 121 图 3<120 图 形 设计 


图 3; 121 “在 其 改变 你 之 前 ， 停 止 气 候 变 迁 ”(WWF) 


二 、 图 片 的 剪裁 与 编辑 
1.， 图 片 的 剪裁 


图 片 从 拍摄 到 修正 已 经 形成 了 一 整套 完善 的 工艺 流程 ， 每 张 图 片 从 表现 出 来 的 








0 het ot met wet ti te RA ee en 
片 ， 设 计 师 都 应 该 认真 地 进行 修正 或 编排 ， 将 自己 的 设计 理念 传达 出 来 ， 这 样 才能 运 


用 这 一 设计 元 素 达 到 设计 目的 。 
图 片 的 剪辑 处 理 ， 人 部 分 去 掉 ， 但 不 仅仅 是 将 不 要 
的 部 分 剪 掉 ， i 宽 比 例 ， 以 适应 于 版 面 结构 。 但 是 剪裁 恰 
似 一 把 双 刃 剑 一 张 图 片 ， 也 能 完全 毁 掉 一 张 图 片 。 因 
此 ， 以 整体 构 F 的 合理 性 为 原则 的 图 片 明 埠 ， 是 不 可 或 缺 的 。 
日 在 实际 操作 中 ， 如 果 所 得 到 的 图 片 的 大 小 与 页 面 要 求 不 符 ， 这 就 需要 在 输入 图 
片 的 时 候 ， 对 图 片 进行 相应 的 放大 与 缩小 。 截 取 图 片 的 某 一 部 分 ， 减少 图 片 所 包含 
信息 量 ， 将 有 效 的 信息 集中 展示 给 。 经 过 剪裁 的 图 片 自然 比 原 图 片 要 小 ， 但 i 
图 片 的 放大 处 理 ， 在 保持 原来 图 片 尺寸 的 同时 展示 医 
更 突出 主题 ， 如 图 3. 122 一 图 3. 124 所 示 。 
















































片 局 部 ， 这 样 使 得 剪 切 后 的 图 片 
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图 3. 122 


图 3. 123 
个 整体 ， 使 信息 传达 出 来 / 奇 普 


图 形 的 有 效 剪 切 ， 可 
《当心 身体 烧伤 ! 》 








图 





3. 124 





片 的 剪辑 ， 就 是 把 








以 将 信息 集中 展示 给 读者 


节 籍 封面 /将 碎片 式 的 构图 拼 成 一 
“ 基 德 设计 











片 中 无 关 紧要 的 部 分 去 掉 
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编 2. 图 片 组合 排 列 

排 一 个 好 的 图 片 编辑 ， 不 仅 要 选择 、 剪 裁 照 片 ， 还 要 妥善 地 组 合 图 片 ， 使 它们 的 意 
创 义 通 过 编辑 及 版 面 设计 具体 地 呈现 给 读者 。 当 然 ， 图 片 往往 并 不 都 是 以 单 张 的 方式 呈 
现 ， 有 时 候 需 要 对 多 张 图 片 进行 组 合 ， 在 同一 个 版 面 内 组 合 多 个 风格 和 内 容 各 不 相同 
的 图 像 。 如 何 将 繁杂 而 普通 的 图 片 通 过 编辑 、 设 计 传 达 给 读者 ， 让 读者 仍然 感 兴趣 ， 
首先 必须 对 图 片 进行 分 类 。 多 张 图 片 的 排列 形式 会 使 页 面 给 人 信息 充足 而 又 凝练 的 印 
计 象 ， 如 图 3. 125、 图 3. 126 所 示 。 图 片 之 间 可 以 相 接 ， 也 可 以 拉 开 一 点 间隔 ， 还 可 以 将 
图 片 之 间 的 间隔 大 幅 拉 开 。 
图 片 组 合 排列 的 方式 有 这 样 3 种 形式 : 图 片 对 齐 、 相 互 琶 加 和 散 点 组 合 。 图 片 的 
对 齐 与 营 加 ， 使 组 合 的 图 片 交 蔡 出 现 ， 富 有 秩序 感 和 条 理性 。 而 散 点 组 合 相对 比较 分 
散 ， 具 有 随意 性 ， 表 达 一 种 自由 感 ， 如 图 3. 127 一 图 3. 129 所 示 。 
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图 3. 125 Borland T 恤 衫 /昆虫 图 案 以 及 与 软件 病毒 相关 的 假名 称 ， 借 
以 讽刺 电脑 病毒 制造 者 


a 图 3. 126 ” 卢 浮 宫 展览 /Philippe Apeloig 
3.128 |3.129 图 3. 127 iPad 版 《时 代 》 周 刊 的 封面 人 物 史 蒂 夫 。 乔 布 斯 /图 片 共 加 
70 到 3. 128 ”图 片 坚 排 ， 将 繁杂 的 图 片 编辑 得 极 有 条 理 
图 3. 129 图片 的 散 点 排列 ， 具 有 随意 性 ， 表 达 一 种 自由 感 


















































三 、 图 片 的 形状 与 大 小 
片 的 形状 、 大 小 对 版 面 的 编排 有 着 决定 性 作用 。 


























下 





面积 越 大 ， 表 现 力 越 强 ， 大 图 











形 在 视觉 上 使 人 舒适 、 愉 快 ， 同 时 更 具 吸 引力 。 从 大 到 小 的 观看 顺序 ， 是 人 们 自然 的 


视觉 习惯 ， 是 显示 主 次 顺序 的 典型 方法 。 
图 片 的 形状 主要 可 以 处 理 成 以 下 几 种 方式 。 
.几何 图 

















常 看 到 的 以 直线 边框 来 限定 面积 的 一 


图 片 经 过 剪裁 后 仍 保留 四 边 形 、 圆 形 等 几何 形状 ， 就 叫做 几何 图 。 方 形 图 是 指 经 
种 图 片 形式 ， 这 是 最 普遍 的 一 种 图 片 呈现 形式 ， 


具有 安定 、 平 稳 、 严 谨 、 大 方 的 特点 。 在 编排 严谨 的 版 面 时 ， 结 构 分 明 的 方形 图 是 一 





种 很 好 的 选择 。 圆 形 图 除了 保留 图 片 的 外 轮廓 ， 同 时 也 削弱 了 其 四 角 张 扬 的 感觉 ， 呈 











现 出 介 于 严谨 与 自然 之 间 的 效果 ， 如 图 3. 130 一 图 3. 132 所 示 。 
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3. 130 


3. 131 T 3.132 


图 3. 130 方形 图 与 贺 
形 图 混合 出 现 


图 3. 131 灵活 的 图 片 
处 理 ， 纵 横 的 外 框 前 
切 ， 使 页 面 整齐 有 序 


图 3. 132 多 张 方形 图 
置 入 框架 ， 人 物 形象 
与 图 片 有 秩序 地 结合 
在 一 起 




















油烟 让 上 肛 否 并 汪 六 敬 
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编 2. 满 版 图 

排 图 形 满 版 ， 不 留 白 边 是 出 血 图 形 。 形 成 满 版 的 图 片 ， 使 图 片 信息 得 以 夸大 并 村 

创 传播 ， 这 种 编排 形式 有 扩张 、 自 由 、 和 舒展 之 感 。 版 面 主要 以 图 像 为 诉求 ， 充满 整个 版 
意 面 ， 视 觉 效 果 直 观 而 强烈 ， 文 字 压 置 在 图 像 的 上 下 、 左 右 或 中 部 。 满 版 型 构图 饱满 而 
设 舒展 ， 是 商业 广告 常见 的 形式 ， 如 图 3. 133 一 图 3. 136 所 示 。 
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3. 133 
3. 135 


3. 134 
3. 136 





图 3. 133 





色 3. 134 





| HAVE i 
| “NEVER 
CALLED MYSELF 
PY YO 
NS -DESIGNERY 


iPad 阅 览 页 面 








色 3. 135 











图 3. 136 


万 宝 路 香烟 广告 
满 版 的 图 片 与 涂鸦 文字 相得益彰 


3， 退 底 图 
把 图 片 中 的 某 一 部 分 从 背景 














ph 分 离 出 来 ， 从 而 形成 画面 的 退 底 图 ， 以 达到 强调 主体 





信息 的 传达 要 求 。 退 底 图 的 外 轮廓 呈 自 由 形状 ， 版 面 气氛 轻松 明快 ， 如 图 3. 137 一 图 3. 141 











所 示 。 






























3. 137 | 3. 138 | 3. 139 





图 3. 137 《现代 人 宣言 》 海 报 

到 3. 138 ”横滨 美术 馆 “ 偶 像 ” 展 

退 底 图 的 运用 ， 使 文字 信息 得 到 了 强化 
《传达 》 (Communicate) /尼克 。 贝 尔 


图 3. 141 ”宣传 海报 
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图 表 与 图 标 

















在 编排 


式 往往 很 难 


设计 中 ， 单 纯 的 文字 表达 方 
表现 复杂 的 数据 、 比 例 。 这 时 











图 表 与 插图 
传达 信息 ， 
理解 。 图 表 
图 表 、 地 图 
等 。 各 种 图 














就 能 更 加 直观 、 清 晰 、 灵 活 地 
同时 也 能 方便 不 同 的 人 群 进行 
的 主要 形式 有 柱状 图 表 、 比 较 
、 表 格 、 步 又 图 、 数 据 分 析 图 
表 通 过 简洁 的 画面 形象 直观 地 





阐释 版 式 内 容 ， 帮 助 读 者 理解 复杂 的 概 








念 ， 它 是 对 


正文 的 剖析 和 分 解 。 


图 标 是 用 最 有 代表 性 
义 ， 它 可 以 直观 地 表达 复杂 
不 同 地 域 和 不 同 教育 背景 和 
在 ,图标 设计 已 广泛 运用 
让 和 网 页 设计 中 ， 如 图 3. 








9 符号 表达 合 
的 含义 ， 方 便 
人 群 理解 。 现 





于 导 视 系统 设 


42 一 图 3. 145 


所 示 。 


图 3. 142 根 特 (Gantt) 图 表 /通过 
图 表 可 以 清晰 地 了 解 各 部 分 的 进 


3. 1 展 状况 
| 143 图 3. 143 ”北京 2008 年 奥林匹克 运 
3.144 动 会 体育 图 标 


图 3. 144 协同 组 织 的 开发 流程 图 


图 园 : 呈 : 届 : 到 :可 : 基 
呈 ' 加 可 : 本 :如 :居于 








二 -二 二 可 一 





| 一- 到 二 
on er en ED i te 加 四 
| DT 






五 、 图 片 与 文字 混 排 

图 片 在 排版 时 往往 不 是 单独 
出 现 ， 而 是 与 文字 配合 使 用 。 单 
独 由 图 片 构成 的 版 面 在 实际 操作 
中 非常 少见 ， 大 部 分 部 是 贞 疼 灾 
泥 排 的 形式 存在 的 。 汉 -_ 

1， 图 片 与 文字 的 距离 关系 

文字 说 明 是 与 图 片 具有 相关 
性 的 文字 ， 在 版 曾 中 与 图 片 的 对 
应 关系 必须 明确 ， 因 此 应 注意 文 
字 与 图 片 间 的 距离 。 一 般 而 言 ， 
应 尽量 避免 图 片 与 文字 说 明 距 
离 较 远 ， 如 图 3. 146 一 图 3. 148 所 
示 。 如 果 多 组 图 片 和 文字 并 置 在 
一 起 ， 当 文字 和 图 片 的 间隔 距离 
相同 时 ， 很 容易 造成 版 面 混乱 、 
信息 含混 。 


SN 


图 3. 146 文字 时 图 形 化 处 理 ， 文 线 图 的 形式 
146|3.147 。 图 9.147 文字 和 图 片 并 置 在 一 起 ， 信 息 传达 更 加 明确 


3.148 
图 3. 148 ”柏林 犹太 人 博物 馆 
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编 2. 图片 与 文字 的 位 置 关系 











排 图 片 与 文字 的 位 置 关 系 要 从 整体 版 面 上 考虑 ， 不 能 破坏 文字 的 可 读 性 。 分 组 


创 编排 会 让 版 面 结构 清晰 、 整 洁 ， 而 散 点 编排 则 会 使 版 面 富 于 变化 、 灵 活 多 样 ， 如 














局 应 在 不 妨碍 视觉 流动 的 基础 上 进行 ， 以 免 造 成 视觉 堵塞 的 感觉 。 如 果 将 图 片 置 于 
下 文字 的 中 间 ， 则 很 容易 打 断 文字 阅读 的 节奏 感 ， 给 读者 的 阅读 顺序 造成 障碍 。 
T 








EEAUTT 





THE 





图 3. 149 《纽约 时 报 杂志 》/ 分 组 编排 会 让 版 面 结 构 清 晰 、 整 洁 
3.149 3. 150 ” 散 点 编排 使 版 面 富 于 变化 、 灵 活 多 样 
3. 150 | 3. 151 |3. 152 3. 151 “图片 置 于 文字 中 间 ， 让 版 式 显得 更 有 创意 / 刘 纯 黎 


5 图 3. 152 “美女 与 野兽 ”招贴 




















3. 149 一 图 3. 152 所 示 。 同 时 ， 图 片 和 文字 明朗 易 读 是 版 式 设计 的 基本 要 点 ， 版 面 设计 


ANBD ee 
EAST 、 ee 








图 
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3， 图 片 与 文字 的 协调 统一 

版 面 的 编排 是 借 图 片 与 文字 的 表现 方式 来 建立 版 面 良好 的 视觉 组 织 秩序 ， 以 更 好 地 
传达 主题 精神 ， 达 到 版 面 编排 的 最 终 目 的 。 图 文 编排 应 注意 版 面 的 协调 感 和 统一 感 。 一 
般 而 言 ， 应 该 将 文 段 与 图 片 的 宽度 统一 起 来 ， 让 整个 版 面 显得 协调 、 整 齐 ， 而 统一 的 图 














间隔 会 让 文字 的 说 明 性 更 强 。 当 然 ， 过 于 统一 的 编排 形式 ， 有 时 会 让 读者 造成 阅读 时 
的 疲劳 感 ， 因 此 ， 统 一 中 寻求 变化 是 编排 设计 的 要 点 ， 如 图 3. 153 一 图 3. 155 所 示 。 


二 


人 


3. 153 


3. 154 | 3. 155 








图 3. 153 ”图 文 编排 ， 协 调 统一 


图 3. 154 ”将 文字 放置 在 一 个 框架 中 ， 呈 现 出 图 片 与 文字 之 
间 的 对 应 关系 


图 3. 155 “平行 与 对 比 ” 关 系 是 张 氏 品 牌 的 核心 方法 
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3.5 色彩 的 编排 构成 


人 眼中 的 世界 充满 了 色彩 ， 色 彩 架构 了 人 类 世界 的 丰富 多 彩 。 在 艺术 领域 中 ， 
色彩 被 广泛 地 应 用 于 一 切 可 诉 诸 视觉 的 艺术 形式 ， 同 时 它 是 设计 中 不 可 忽视 的 视觉 元 
素 ， 是 平面 设计 师 所 能 运用 的 最 重要 的 手段 之 一 。 运 用 色彩 进行 编排 设计 ， 可 以 用 来 
传递 不 同 的 情感 和 感觉 ， 能 瞬间 吸引 观 者 的 注意 力 ， 因 此 色彩 为 实现 版 面 的 功能 发 挥 
着 十 分 重要 的 作用 ， 对 色彩 的 认识 和 体验 是 编排 设计 教学 的 一 个 基本 特点 。 

一 、 色 调 

色彩 的 表现 通常 是 以 相互 组 合 的 方式 进行 的 ， 它 是 指 构成 画面 的 总 的 色彩 倾向 。 
色调 不 仅 指 单一 色 的 效果 ， 还 指 色 与 色 的 关系 中 所 体现 的 总 体 特征 ， 画 面 的 色调 特征 
取决 于 不 同 的 颜色 在 一 定 的 平面 中 的 配置 关系 。 色 调 构成 建立 在 有 序 的 基础 之 上 ， 它 
OO 











果 。 色 彩 和 谐 是 色调 构成 永恒 的 主题 ， 是 强调 对 比 与 调和 、 变 化 与 统一 的 规律 。 
OT ,mt, 

在 编排 设计 中 ， 可 根据 不 同 的 版 面 内 容 和 设计 意图 ， 使 版 面色 彩 有 明显 的 主 次 关系 ， 

Re 面 的 主 调 色彩 ， 它 占有 整个 版 面 ， 副 色调 








是 与 主 色调 相 呼应 的 色彩 ， 它 与 主 成 一 定 的 对 比 ;， 点 组 色 所 占 面 积 很 小 ， 与 主 
色调 对 比 强烈， 主要 起 活路 面 闪 的 作用 ， 如 图 3. 159 汪 图 3. 158 所 示 。 
Ar ps 2 
p YAS A 
和 这 





a 目 = | 
图 3. 156， 包 豪 斯 展览 的 画册 /点 组 色 所 。 图 3 157 “ 爱 就 是 一 切 ”的 单 色 婚礼 洲 
占 面积 很 小 ， 与 主 色调 对 比 强烈 ， 主 要 全 证 


起 活跃 画面 的 作用 





图 3. 158 WA sr 


es 


1 \ 
\ 





二 、 色 彩 的 情感 We 


阿 恩 海 姆 认为 ， Bs, 对 色彩 的 必 应 是 观察 者 的 被 动 性 和 经 验 
的 直接 性 。 不 同 的 色彩 会 给 入 带 来 不 同 的 心理 感受 色彩 在 冷暖、 轻重 、 强 弱 等 方面 
的 不 同 也 带 给 人 不 同 的 情感 体验 。 设计 省 铀 利 民 于 的 这 些 特 丈 情感， 更 好 地 表达 设 
计 意 图 ， 引 起 共鸣 ， 实现 设计 目的 。 Yez 

版 面 设计 作为 一 门 艺术 ， 需要 运用 色彩 联想 表达 情感 ， 色 彩 的 相互 组 织 ， 可 
以 在 版 面 设计 中 营造 不 同 的 画面 气氛 ， 表达 版 面 所 描述 的 情绪 。 一 个 孤立 的 色 块 ， 
很 难说 它 美 或 妖 ， 只 有 把 它 放 在 版 面 整 体 中 ， 通 过 色 与 色 之 间 的 对 比 才 能 显现 出 它 
的 价值 。 版 面 通过 各 色 之 间 的 组 合 ， 运 用 诸多 手段 ， 调 整 其 色相 、 纯 度 、 明 度 、 而 
积 、 位 置 等 关系 ， 构 成 某 种 美的 色调 时 ， 读 者 就 不 仅仅 被 它 的 文字 内 容 所 感染 ， 还 
会 被 一 个 高 雅 优 美 、 绚 丽 和 谐 的 彩色 版 面 意境 所 吸引 ， 进 而 达到 一 种 更 高 层次 的 审 
美 境界 。 

在 版 面 策划 过 程 中 ， 设 计 师 应 针对 有 具体 的 文字 内 容 去 确定 整个 版 面 的 色彩 ， 然 后 
在 设计 中 边 保留 边 调试 ， 边 改进 边 变化 。 有 时 一 篇 稿件 的 色彩 被 确定 ， 就 会 引发 下 篇 
稿件 的 色彩 联想 。 比 如 有 一 篇 描写 “城市 的 夜空 ”的 稿件 ， 在 设计 色彩 时 可 能 首先 会 
联想 到 “ 蓝 色 ”， 而 由 蓝 色 引发 的 又 可 能 是 它 的 相近 色 一 一 一 蓝 紫 、 黑 色 等 ， 当 然 ， 
还 有 与 蓝 色 对 比 的 颜色 ， 如 红色 、 黄 色 等 ， 但 这 些 颜 色 只 能 是 局 部 的 ， 以 此 类 推 。 确 
定 这 些 基 本 色彩 后 ， 设 计 者 再 从 整体 上 把 握 色 调 ， 由 此 就 形成 了 一 个 既 有 对 比 又 较 和 
谐 的 色彩 版 面 。 这 样 就 会 使 版 面 产 生灵 动 、 意 外 、 新 奇 的 效果 ， 如 图 3. 159 一 图 3. 162 
所 示 。 
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情 骨 半 相 _Nwraal Fearave 


设计 之 都 


TheiCity of 的 
© 













3. 159 | 3. 160 





3. 162 


图 3. 159 中 国 汶川 大 
地 震 纪念 展 群 展 海报 设 
计 / 汶 川 地震 与 “中 国 
结合 在 一 块 ， 帘 意 










深刻 


图 3. 160 色彩 的 相互 
组 织 ， 营 造 不 同 的 画面 
气氛 





图 3. 162 “ 情 非得 已 ” 
字体 设计 


三 、 色 彩 的 象征 

当 人 们 面 对 五 彩 缤纷 的 自然 ， 总 会 
引起 某 种 联想 。 这 是 因为 人 们 长 期 生活 
在 一 个 色彩 的 世界 中 ， 积 累 着 许多 视觉 
经 验 ， 一旦 视觉 经 验 与 外 来 色彩 刺激 发 
生 一 定 的 呼应 时 ， 就 会 在 人 的 心理 上 引 
出 某 种 情绪 。 

无 论 有 彩色 还 是 无 彩色 ， 都 富有 象 
征 意义 。 每 一 种 色相 ， 当 它 的 纯度 和 明度 
发 生变 化 ， 或 者 处 于 不 同 的 颜色 搭配 关系 
时 ， 颜 色 的 表情 也 就 随 之 变化 了 。 因 此 ， 
要 想 说 出 各 种 颜色 的 象征 意义 ， 就 像 要 说 
出 世界 上 每 个 人 的 性 格 特征 那样 困难 ， 然 
而 对 典型 的 性 格 做 一 些 描 述 ， 总 还 是 有 趣 
并 可 能 的 。 同 时 ， 生 活 在 不 同文 化 背景 或 
不 





















































好 等 方面 也 是 不 尽 相同 的 。 如 果 想 让 设计 一 
作品 走向 世界 ， 那 么 对 于 色彩 的 选择 就 需 
要 慎重 ， 必 须 考虑 到 不 同 国家 < 不 同文 化 
背景 的 不 同 受 众 。 红 色 在 惠 国 被 认为 吉祥 
色 
多 


























， 而 西方 人 对 红色 私有 讳 鼠 ， 橙色 在 很 二 7 = 
家 是 快乐 、 胸 亮 的 色彩 ， 而 在 印度 ， 汉 
本 是 的 名 如 图 3. 163 一 图 3. 167 


























图 3. 163 《武汉 印象 系列 》 招 贴 /将 黄色 与 “火炉 ” 
之 城 武汉 结合 在 一 起 ， 呈 现 出 色彩 的 象征 意义 / 程 
亚 鹏 


图 3. 164 ”北京 映 象 一 一 故宫 /和 孙 债 




















图 3. 165 ”模拟 设计 一 一 强生 / 梁 思 元 





\ 同 国家 的 人 ， 对 同一 颜色 会 有 不 同 的 反 -1 
应 和 理解 ， 表 现在 气质 、 性 格 、 兴 趣 、 爱 、 
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色彩 与 形状 








色 与 玫 





是 造型 艺术 的 两 大 要 素 ， 是 表达 物体 基本 属性 的 重要 因素 ， 所 有 物体 的 形 





象 都 包含 着 形 与 色 的 视觉 因素 。 色 彩 依附 于 形 ， 色 塑造 了 形 ， 色 彩 赋 予 物体 感情 ， 形 


状 赋予 物 位 
彩 也 会 因 天 


限 可 


彩 相 
形 芯 


位 置 


基本 造型 ， 一 个 颜色 的 出 现 总 是 伴随 一 定 的 形 ， 同 时 被 人 们 所 感受 ， 而 色 





# 状 的 变化 而 受 其 影响 ， 所 以 形 和 色 是 不 可 分 割 的 整体 。 





设计 作品 中 形 色 关系 是 相对 应 的 ， 并 且 可 以 互相 影响 ， 在 视觉 上 呈现 出 表现 的 无 


能 性 。 


形 与 色 的 组 合 是 进行 设计 创意 的 基本 途径 ， 设 计 艺 术 作 品 只 有 在 形状 与 色 


Se 才能 发 挥 出 最 大 的 艺 术 表现 力 。 在 设 叶 ow 首先 应 注意 


于 职 、 





色 芯 


张力 产生 


整个 设计 风格 的 统一 ， 又 不 会 过 


pe 方向 ， 色 彩 的 色相 、 纯 





的 











sis 


ee 是 绝对 的 ， 而 是 
于 呆板 ， 如 图 3. 166 一 图 3. 170 所 示 。 









3. 166 3. 167 
3. 168 | 3. 169 | 3. 170 


图 3. 166 ”色彩 依附 于 形 ， 形 状 赋予 物体 基本 造型 

图 3. 167 ”基本 形状 的 构成 / 波 兹 坦 理 工学 院 学 生 作品 

图 3. 168 “大 家 小 孩 ” 儿 童 用 品 品牌 的 宣传 招贴 

图 3. 169 ” 形 色 的 相互 搭配 ， 发 挥 出 艺术 的 最 佳 表现 力 / 雷 李 佳 
图 3. 170 ” 形 色 关系 的 互动 保持 设计 风格 的 统一 / 吕 力 





现 以 及 运 月 


单元 训练 和 作业 


1， 课 题 内 容 : 视觉 元 素 的 编排 练习 

课题 时 间 : 2 学 时 。 

课题 主题 ， 以 招贴 设计 为 主要 信息 载体 进行 系列 设计 。 
课题 要 求 : 

(1) 主题 表现 突出 。 

(2) 点 、 线 、 面 合理 搭配 ， 视 觉 效 果 突 出 。 

训练 目的 : 运用 编排 役 计 的 造型 要 素 和 排版 原理 进行 版 式 设计 ， 
2， 课题 内 容 ， 构 成 要 素 的 编排 设计 CA 








© 
课题 时 间 : 2 学 时 。 < 
课 且 主题， 以 招贴 设计 为 主要 信息 载体 展开 SN 
课题 要 求 : AY 


(1) 运用 拉丁 字母 、 阿拉 伯 数 字 或 者 汉字 路 合 点 、 线 、 面 进行 版 面 设计 。 
(2) 各 构成 要 素 的 合理 搭配 。 SS 
训练 目的 :运用 对 称 、 均 衡 、 前 和 和 形式 美 大 由， ee 





3， 误 题 内 容 ， 文 字 编排 设计 ， x 
课题 时 间 : 2 学 时 。 、 > EZ 
课题 主题 ， 杂 志 内 页 设计 。 RS 
课题 要 求 ，、， “~ * 尖 


(1) 包含 标题 和 正文 两 个 内 容 。 
(2) 文字 包含 中 英文 。 

(3) 部 分 文字 可 做 图 形 化 处 理 ， 对 正文 文字 进行 强调 。 

训练 目的 :根据 文字 的 不 同性 质 进行 合理 编排 ， 了 解 文字 在 编排 设计 中 的 具体 表 














4. 课题 内 容 ， 图 片 编辑 练习 
课题 时 间 : 2 学 时 。 

课题 主题 ， 结 合 海报 设计 ， 分 析 创 意图 形 以 及 多 种 图 形 的 处 理 与 编排 训练 。 
课题 要 求 : 

(1) 选择 图 形 或 创造 图 形 ， 对 图 片 进行 再 处 理 、 剪 切 与 编辑 。 

(2) 图 片 的 选用 要 跟 主题 相 结 合 。 

(3) 可 以 少量 加 入 文字 ， 或 者 对 文字 进行 图 形 化 处 理 。 

训练 目的 : 体现 图 片 在 海报 设计 中 的 重要 性 。 

5. 课题 内 容 : 图 文 混 排 练习 

课题 时 间 : 2 学 时 。 
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课题 主题 : 选择 杂志 编排 设计 ， 进 行 多 种 形式 的 图 文 处 理 与 编排 训练 。 





课题 要 求 : 

(1) 采取 不 同 的 方法 对 图 片 进行 有 效 处 理 ， 实 现 画 面 的 协调 一 致 。 
(2) 根据 图 片 与 文字 的 不 同 编排 方式 ， 实 现 视觉 效果 的 有 效 传达 。 
训练 目的 : 体现 图 片 与 文字 在 编排 设计 中 的 重要 性 。 

6. 课题 内 容 : 色彩 的 编排 设计 训练 

课题 时 间 : 2 学 时 。 





课题 主题 ， 以 “食物 ”为 主题 ， 设 计 样 本 ， 色 彩 呈 现 美味 的 视觉 感受 。 

课题 要 求 : 

(1) 色彩 的 选择 与 主题 一 致 。 

(2) 色彩 简洁 、 明 快 ， 实 现 版 面 设计 的 有 效 传达 。 

训练 目的 :理解 色彩 在 编排 设计 中 的 具体 表现 及 运用 4 

7， 理论 思考 AN 

(1) 查阅 课外 资料 ， 有 意识 地 锻炼 学 生 的 学名 总 能 力 和 文字 排版 规律 。 

(2) 查阅 课外 资料 ， 有 意识 地 锻炼 学 生 的 图 形 创意 能 力 和 图 文 混 排 规律 。 

(3) orp 选择 多 各 色彩 组 合 和 训练 方法 有 意识 地 锻炼 学 生 的 
色彩 创意 能 才 y 











第 4 章 编排 设计 原理 


本 章 概述 和 目标 : 人 N 

概述 ， 主 要 介绍 编排 设计 中 的 感性 设计 原理 、 理 性 设计 原理 、 编 排 设计 的 方法 和 
步 又， 了 解 其 中 的 规律 、 法 则 并 将 其 合理 运用 到 版 南 中 来 。 另 外 还 介绍 了 现代 编排 设 
计 的 趋势 以 及 中 国 传统 编排 设计 的 特点 。 -让 

目标 : 通过 研究 和 掌握 各 种 设计 方法 既 要 学 习 以 理性 分 析 为 主 的 网 格 方法 ， 也 
要 注重 培养 对 编排 设计 各 视觉 要 素 的 “感性 ”判断 。 设 计 上 的 感性 和 理性 ， 需 要 经 过 
长 期 的 训练 才能 逐步 形成 和 提高 。 、， 2 

本 章 要 点 : CC Am 0 

编排 设计 的 重点 在 于 训练 学 生 分 析 、 判断 、 “组织 面 面 各 视觉 元 素 之 间 关系 的 
能 力 。 A 人 - 

理解 中 国 传统 编排 设计 的 特点 及 科学 性 。 




















4.1 感性 的 编排 设计 原理 


感性 的 编排 设计 认为 设计 审美 和 编排 的 规则 主要 依赖 于 设计 者 感官 的 直觉 判断 
力 。 早 期 的 设计 家 大 多 根据 自己 多 年 艺术 实践 培养 出 来 的 “感觉 ”来 对 设计 画面 中 的 
各 种 要 素 进行 编排 、 调 整 。 随 着 现代 科技 的 发 展 ， 现 代 编 排 设 计 往 往 希 望 利用 新 奇 的 
艺术 形式 来 满足 人 们 的 审美 情趣 ， 它 打破 了 以 往 传统 版 式 的 束缚 ， 对 视觉 元 素 进 行 自 
由 、 随 意 、 不 拘 一 格 的 编排 组 合 ， 创 造 一 种 极 具 个 性 和 艺术 性 的 艺术 形式 。 

1. 对 比 与 调和 

对 比 是 在 编排 设计 中 将 相同 或 者 相 异 的 视觉 元 素 进行 主 次 排列 ， 它 是 产生 视觉 刺 
激 的 基础 ， 是 造成 强烈 差异 感 的 形式 手法 。 对 比 是 在 平衡 中 求 不 平衡 的 设计 方法 ， 将 
对 比 细 分 的 话 ， 包 括 明暗 对 比 、 色 调 对 比 、 方 向 对 比 、 大 小 对 比 、 曲 直 对 比 、 强 弱 对 
比 、 玖 密 对 比 、 虚 实 对 比 、 肌 理 对 比 、 面 积 对 比 、 动 势 对 比 等 。 









































编 调和 (或 称 协 调 ) ， 是 指 将 两 个 或 两 个 以 上 的 对 比 物 ， 在 类 似 或 不 同类 的 视觉 元 素 
排 之 间 寻 找 相 互 协调 的 因素 。 它 是 在 强 差 异 、 大 冲突 之 间 寻 求 共同 点 ， 在 相互 作用 之 
中 ， 共 同 营造 版 面 的 美感 。 调 和 具有 优雅 柔和 的 特征 ， 给 人 以 轻松 舒畅 的 感受 。 
对 比 与 调和 是 相辅相成 的 ， 过 分 的 对 比 会 使 画面 显得 过 于 强烈 、 刺 激 ， 需 对 过 强 
的 视觉 要 素 加 以 抑制 ， 过 分 调和 又 会 使 画面 显得 平庸 、 无 力 。 画 面 中 的 对 比 有 时 是 很 
设 复杂 的 ， 如 色调 、 大 小 、 肌 理 混合 在 一 块 ， 因 此 ， 设 计时 要 注意 处 理 好 它们 之 间 的 关 
计 系 ， 突 出 主体 的 形式 ， 保 持 视 觉 流程 的 顺畅 。 同 时 在 编排 设计 中 ， 要 尽量 使 设计 显得 
鲜明 而 不 刺激 、 和 谐 而 不 平淡 ， 以 期 引起 人 们 的 注意 ， 如 图 4. 1 一 图 4. 4 所 示 。 


~ 
es) et 
并 NL >; 区 



































Sm 
下 





4.1 大 片 的 楼 色 和 照片 区 形成 对 比 
41 |42 4. 2 ”瑞士 卢 加 诺 市 艺术 博物 馆 海报 /字体 笔画 的 粗细 对 比 ， 营 造 整体 版 面 的 美感 
4.3| 44 到 4. 3 ”幼儿 读物 插图 及 内 页 设计 /色彩 的 对 比 与 调和 ， 使 设计 显得 鲜明 而 不 刺激 
86 4.4 文字 编排 到 图 形 中 ， 补 色 对 比 ， 突 出 主体 形象 


























2. 抽象 与 具象 

在 设计 学 领域 ， 具 象 通常 是 指 
具象 而 言 ， 抽 象 是 对 客观 形态 进行 
现 内 容 。 因 此 ， 自 然 形态 只 要 经 过 
而 已 。 


其 实 ， 抽 象 与 具象 之 间 没 有 绝对 的 界限 
而 具象 的 形 也 可 以 组 成 抽象 的 形 ， 
另 一 方面 看 有 没 


成 具象 的 形 ， 
的 大 小 和 各 自 的 组 
的 

现代 设计 所 创造 
最 高 效 ， 才 能 体现 


合 关 系 上 ， 


村 的 形态 ， 
-种 纯粹 的 美 ， 


准 ， 决 不 能 说 抽象 形态 高 于 具象 形态 ， 
所 示 。 





几乎 都 是 抽象 形态 ， 


客观 存在 的 形态 ， 它 具有 自然 形态 的 特性 。 相 对 于 
提炼 、 夸 张 、 变 形 、 组 合 等 ， 赋 予 其 新 的 内 涵 与 表 
是 炼 、 变 化 ， 就 都 是 抽象 的 ， 只 是 抽象 的 程度 不 同 





就 本 质 而 言 是 共通 。 抽 象 的 形 可 以 组 
它们 之 间 的 差别 一 方面 体现 在 空间 
有 调动 设计 师 的 思维 ， 有 没有 表达 人 


因为 只 有 抽象 形态 才能 最 
七 如 由 点 、 线 、 面 构成 的 形态 。 当 然 ， 


方便 、 
作为 评价 标 





而 关键 要 看 其 需求 目标 和 含义 ， 如 图 4. 5 一 图 4. 7 





4.5 | 4.6 

4.7 
图 4. 5 满 版 的 构图 ， 美 泣 儿童 的 照片 ， 象 征 着 孩子 对 未 
来 的 焦虑 
图 4.6 “ 兰 竹 ”海报 /具象 和 抽象 结合 在 一 块 ， 体 现 一 种 
意境 / 韩 湛 宁 
ee “感觉 ”海报 /汉字 的 笔画 体现 着 抽象 的 设计 思维 / 
潘 沁 





小 





心 


好 


编 
排 
设 
计 
原 
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3 比例 与 分 割 


比例 在 造型 中 是 量 的 比率 ， 


即 整体 与 部 分 或 





部 分 与 部 分 之 间 的 视觉 或 结构 的 


系 。 在 美术 创作 中 ， 好 的 比例 在 于 “适宜 ”， 即 与 对 象 本 身 的 要 求 相 适 宜 。 在 编排 设 
计 中 ， 比 例 是 指 构图 的 大 小 关系 ， 主 要 体现 在 如 何 处 理 好 部 分 与 部 分 之 间或 部 分 与 整 
体 之 间 的 量度 关系 ， 还 要 注意 信息 的 主 次 关系 、 了 





排 等 ， 在 搭配 恰当 的 前 提 下 ， 能 产 4 











E 要 的 风格 倾向 和 大 体 画 面 要 素 的 编 








E 优 美的 视觉 效果 。 





分 割 是 一 种 最 基本 的 、 随 处 可 见 的 形式 原理 。 分 割 可 以 使 版 面 主 次 分 明 、 清 新 美 
丽 ， 避 免 了 主 次 不 分 、 杂 乱 无 章 的 状况 。 在 编排 设计 中 ， 通 过 对 版 面 进行 一 定 的 分 割 














来 权衡 美的 比例 ， 从 而 发 挥 提升 效率 、 规 范 形式 、 平 衡 画 面 的 作用 ， 也 可 以 表达 许多 
象征 意义 。 因 此 ， 好 的 分 割 可 以 使 各 层次 间 的 对 比 可 强 可 弱 ， 它 介 
尽 的 、 多 种 情调 的 版 面 ， 





如 图 4. 8 一 图 4. 11 所 示 。 











可 以 组 合成 无 穷 无 





和 8 | 可 9 
4.101 4. 11 


图 4. 8 《百老汇 一 士 乐 》/ 分 
割 跳动 的 彩色 界线 ， 散 布 

红 、 黄 、 蓝 色 块 ， 营 造 出 节 
奏 变 换 和 频率 震动 / 蒙 德里 安 


图 4.9 奥运 中 国 年 邮票 册 


图 4. 10 “We Are The One” 
版 式 设计 / 乔 玮 洁 


图 4. 11 对 图 片 进行 分 割 ， 让 
图 片 与 文字 显得 更 加 规范 ， 
富有 秩序 感 / 张 妍 冰 








4 集中 与 扩散 
重 





心 形成 聚拢 的 运动 感 。 
版 面 的 重心 所 在 。 





扩散 有 离心 感 ， 使 版 


向 外 扩展 的 弧 线 运动 ， 


在 实际 版 式 中 ， 自 


的 重要 性 ， 而 忽视 另 
所 示 。 





4.12 
4.14 
4.13 


攻 中 构成 法 有 向 心 感 ， 使 版 面 





在 设计 中 ， 





而 的 各 视觉 元 素 从 不 同 的 方向 和 不 同 的 角度 向 版 面 中 


面 的 各 视觉 元 素 不 依 常规 ， 而 是 沿 着 不 同 的 方向 和 角度 产生 


集中 的 目的 是 指向 某 一 点 ， 而 不 是 多 点 ， 集 中 点 即 























但 同样 能 使 版 面 产生 突出 的 视觉 效果 。 





蔷 中 与 扩散 是 相互 补充 、 互 为 前 提 的 。 片 面 地 过 分 强调 某 一 方面 
一 方面 的 观点 ， 


都 是 不 符合 版 面 创意 规律 的 ， 如 图 4. 12 一 图 4. 14 


中 于 芮 当 起 拿 调 





7.mal-14.august 2005 MAnTa Herford 


SES OES EVASANS 





2 ”向 外 扩展 的 弧 线 运动 ， 使 版 面 产生 突出 的 视觉 效果 


中 菲 黄岩 岛 争端 / 刘 成 强 














三 维 效果 的 文字 空间 形成 聚拢 的 运动 感 
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画面 中 任何 形体 的 存在 ， 都 占据 着 一 定 的 空间 ， 称 为 实 空间 ， 在 形体 之 外 的 就 是 

















5. 空白 的 运 上 
虚 的 空间 ， 也 被 称 为 空白 。 空 
美学 中 有 “ 计 白 当 黑 ”之 说 ，“ 黑 ” 





空间 与 虚空 


刻 、 更 








含 一 组 简单 的 黑 
成 为 相 


抱 ， 





a 




















间 之 间 没 有 绝对 的 
空间 往往 是 为 了 强调 主体 ， 有 时 
语 。 如 太极 图 形 标 志 是 由 阴 
但 是 这 黑 





分 界 。 





空间 的 运用 是 当今 设计 师 常 用 的 手法 之 一 。 


中 





在 版 面 设计 中 为 实 空间 ，“ 


虚 的 空间 和 实 的 空间 发 生 对 























目 互 作 上 


的 两 个 部 分 ( 

















国 











传统 


”为 虚空 间 ， 在 实 


两 个 区 域 却 不 会 互相 排斥 和 对 立 ， 
图 4. 15) 。 人 们 非常 熟悉 的 “ 鲁 宾 之 杯 ”， 


十 人 人 


可 以 随时 蔡 换 。 还 有 ， 埃 舍 尔 的 作品 大 量 运 用 实 形 与 虚 形 的 穿插 和 乡 
味 ， 如 图 4. 16 一 图 4. 18 所 示 。 














4.15 
4.18 


4.16 


4 


17 


Fi， 


比 ， 版 面 中 的 “ 虚 ” 


[ 虚 的 空间 也 充当 图 形 出 现 ， 表 达 的 内 容 更 含 蕾 、 更 深 
阳 鱼 两 个 形状 构成 ， 虽 然 这 个 圆 形 整 体 中 仅仅 包 
而 是 紧密 拥 
正 形 和 负 形 
非常 耐 人 寻 


4. 16 《天 与 水 [ 》/ 木 刻 / 正 负 图 形 呈 现 周 期 性 循环 的 变 


图 4. 15 太极 图 形 标志 
图 
化 ， 唤 起 观众 的 惊奇 感 / 埃 舍 尔 








图 











La 


4. 17 ”虚实 空间 互 为 图 底 ， 术 


4. 18 
x Drewinski 


互 作用 
空白 空间 的 巧妙 运用 体现 了 “ 计 白 当 黑 ”传统 美学 / 





在 版 面 设 计 中 ， 空 白 在 画面 中 的 不 同比 例会 直接 影响 版 面 设 计 的 风格 和 成 败 ， 
影响 到 受众 的 视觉 心理 。 对 空白 的 处 理 ， 能 更 加 衬托 出 图 形 和 文字 的 活跃 性 ， 具 有 
强烈 的 视觉 冲击 力 。 适 当 留 白 ， 可 以 令 版 面 空间 流畅 明快 、 疏 密 有 序 、 以 虚 衬 实 、 
虚实 相生 。 大 量 留 白 被 认为 是 奢侈 的 、 时 尚 的 ;而 拥挤 的 空间 可 以 代表 吐 杂 、 丰 
富 。 好 的 空间 运用 要 做 到 “ 密 不 透风 ， 玻 可 跑马 ”， 这 样 利于 突出 版 面 的 诉求 重 
点 、 突 出 主题 、 烘 托 主 体 ， 营 造 版 面 所 需 的 意境 ， 使 设计 更 趋 完美 。 灵 活 运用 空间 
半 功 倍 













































































的 象征 意义 ， 应 根据 版 面 内 容 的 需要 和 空间 的 条 件 来 确定 ， 这 样 才 会 起 到 寻 
的 效果 ， 如 图 4. 19 一 图 4. 22 所 示 。 





4.19 | 4.20 | 4.21 
4.22 


图 4.19 一 士 音 乐 会 招贴 画 / 字 脚 的 变化 丰富 了 画面 效 
果 / 尼 古 拉 斯 。 特 罗 塞 雷 


图 4. 20 海报 设计 / 伊 凡 。 恰 莫耶 夫 
图 4. 21 将 文字 剪 切 处 理 ， 形 成 有 朴 有 密 的 视觉 效果 
图 4. 22 多 样 的 文字 看 似 复杂 ， 其 实 是 疏 密 相间 、 有 
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6. 动 势 


动 势 是 指 形态 具有 某 种 运动 的 趋势 ， 它 是 让 静止 的 形态 在 视觉 和 心理 上 产生 动 


感 ， 从 而 增加 画面 的 视觉 感染 力 。 








上 关联。 





自然 界 的 各 种 物象 之 间 存 在 着 各 种 力 ， 力 与 力 之 间 





目 互 吸引 决定 着 形体 延伸 的 动 势 。 动 势 还 与 形状 、 方 向 、 呼 应 、 大 小 、 


HF 作品 中 ， 动 势 往往 不 是 一 个 ， 而 是 由 一 个 形态 或 几 个 形态 复合 地 呈现 。 
E 要 分 为 3 种 形式 : 流动 力 、 张 力 和 重力 。 一 般 情况 下 ， 一 个 画 





面 有 一 个 主导 性 的 动 势 ， 其 他 动 势 则 是 次 动 势 ， 次 动 势 就 是 局 部 动 势 ， 即 让 局 部 发 生 倾 





斜 、 脱 上 胀 、 挤 压 、 拉 升 、 扭 曲 等 ， 





视觉 平衡 。 产 生动 势 


排 

创 

的 相互 对 抗 、 术 

ee 空间 、 结 构 等 村 

玫 在 一 幅 设计 

计 编排 设计 画面 上 的 动 势 3 
和 ， 形 成 画面 能 
Fork it =eccz 一 -一 ， 
Over 

4. 26 
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让 局 部 与 局 部 之 间 相 互 对 比 、 冲 突 ， 相 互 呼 应 、 调 
最 常用 的 方法 是 局 部 变异 ， 如 图 4. 23 一 图 4. 26 所 示 。 


图 4. 23 
图 4. 24 
图 4. 25 
图 4. 26 








倾斜 的 图 形 让 静止 的 形态 产生 动感 
西林 克 斯 1998 年 度 报告 / 卡 恩 及 合作 者 
倾斜 的 文字 和 图 形 形 成 统一 的 动 势 
海报 设计 / 李 庆 





理性 编排 设计 风格 又 称 栅 格 设计 系统 、 网 格 设计 系统 、 瑞 士 平面 设计 风格 及 国 


4.2 理性 的 编排 设计 原理 

















际 主 义 平 面 设计 风格 等 ， 是 一 种 平面 设计 的 方法 与 风格 。 与 传统 版 面 设计 和 自由 版 式 
相 比 ， 理 性 的 编排 设计 显然 更 注重 比例 感 、 秩 序 感 、 连 续 感 、 准 确 性 和 严密 性 等 。 它 
认为 通过 运用 严格 的 数学 和 几何 学 方面 的 知识 ， 才 能 达到 设计 在 艺术 上 的 真正 和 谐 与 
组 织 上 的 合理 严密 。 早 在 古 希腊 时 期 ， 人 们 就 对 黄金 分 割 等 几何 学 方法 进行 了 研究 。 
现代 主义 的 发 展 推动 着 各 国 的 设计 家 对 画面 编排 进行 系统 的 数学 方面 的 理性 分 析 和 研 
究 ， 形 成 了 各 种 切 分 画面 和 配置 文字 图 形 的 方法 。 理 性 的 编排 设计 方法 主要 适用 于 书 
籍 、 杂 志 、 样 本 与 报刊 等 平面 设计 。 





1， 几 何 编排 设计 

















几何 编排 设计 主要 是 指 借助 几何 语言 和 根 号 数 比 来 完成 的 设计 。 运 用 适当 的 几何 分 


割 手法 进行 编排 设计 ， 


别 是 具有 重复 性 和 组 合 1 


(1) 黄金 分 割 比 。 


能 产生 匀称 、 活 泌 、 明 朗 的 视觉 效果 。 上 其 基本 原理 是 将 画面 ， 特 
生 的 画面 分 为 不 同 的 功能 区 域 ， 使 图 形 文字 排列 更 加 秩序 化 。 





[= 
元 


黄金 分 割 与 设计 的 关系 密切 ， 被 认为 是 建筑 和 艺术 中 最 理想 的 比例 。 所 谓 黄 金 





分 割 是 一 种 数学 


-的 比例 关系 ， 据 推断 官 是 由 古 和 希腊 的 毕 达 哥 拉 斯 学 派 创立 的 ， 由 十 


希腊 数学 家 欧 多 克 索 斯 第 一 个 系统 地 研究 了 这 一 问题 ， 欧 几 里 得 在 其 撰写 的 《几何 原 
本 》 一 书 中 进一步 系统 地 论述 也 黄金 分 割 。 德 国 天 文学 家 开 普 勒 称 黄金 分 割 为 神圣 
分 割 。 黄 金 分 割 具 有 很 强 的 艺术 性 与 和 谐 性 ， 它 被 大 量 运 用 到 建筑 、 有 雕塑 及 绘画 艺术 
中 ， 黄 金 分 割 比 一 般 取 近似 0.618 的 比例 ， 如 图 么 27、 图 4. 28 所 示 。 








图 4.27 ”把 正方 形 对 
半分 开 ， 取 对 角 线 ， 











(a) (b) (c) 


图 4. 28  (a) 黄金 分 割 比例 被 认为 是 最 理想 的 拢 形 比例 ; 
(b) 形 状 细 长 的 矩形 ， 给 人 端正 的 印象 ; 
(c) 形 状 更 方 的 矩形 ， 给 人 以 强 有 力 的 印象 





EE 





(2) 根 号 数 比 。 
根 号 数 比 与 设计 的 关系 同样 密切 ， 它 经 常 被 作为 一 种 模版 矩形 来 使 用 ， 它 的 比例 
是 1:1. 414。 根 号 数 比 与 黄金 分 割 比 的 比例 相对 接近 ， 而 且 它 能 被 分 割 为 无 限 个 更 小 的 


等 比 矩 形 。 正 是 ,2 的 这 个 特点 ， 不 仅 很 简捷 ， 而 且 可 以 最 大 限度 地 利用 纸张 ， 避 免 
浪费 ， 如 图 4. 29 所 示 。 
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图 4.29 把 正方 形 的 对 角 线 放 转 至 水 平 ， 著 取 逢 形 的 长 边 ， 这 样 根 号 线 就 形 成 了 


X 


S% 


2， 网 格 编排 系统 ， Eb AV 

(1) 网 格 设 评 的 技巧 。 ~ 

网 格 和 瑞 王 印刷 风格 是 同义词 ， 它 是 版 面 编排 的 主要 工具 ， 网 格 编排 设计 又 称 版 
面 模块 化 设计 、 棚 格 设计 。 它 是 一 种 理性 的 设计 方法 ， 重 视 版 面 的 比例 、 结 构 、 韵 律 
等 的 连贯 性 。 它 运用 固定 的 格子 设计 版 面 ， 是 一 种 将 不 同 尺寸 比例 的 文字 、 图 片 结合 
成 整齐 匀称 的 设计 方法 ， 在 合乎 逻辑 的 关系 中 建立 版 面 的 整体 秩序 感 。 

网 格 设计 并 不 是 建立 在 简单 的 区 域 划 分 和 辅助 线 的 建立 基础 上 ， 而 是 建立 在 严格 
的 几何 学 基础 上 的 。 网 格 设计 首先 要 确定 版 心 的 尺寸 ， 在 版 心 上 做 空间 的 划分 ， 其 基 
本 形式 是 通过 辅助 线 划分 成 不 同 的 网 格 。 垂 直 的 网 格 规定 了 栏 宽 ， 限 制 了 每 行 字 的 长 
度 和 图 形 的 宽度 。 水 平 的 网 格 规定 了 栏 高 ， 限 定 了 文字 的 行 数 和 图 片 的 高 度 。 然 后 应 
该 根据 设计 内 容 的 主 次 、 多 少 ， 在 网 格 中 的 单元 格 中 填 入 适当 的 文字 和 图 片 ， 在 这 个 
过 程 中 可 以 适当 地 调整 单元 格 的 大 小 和 位 置 。 

在 版 面 设计 中 ， 辅 助 线 的 设置 十 分 重要 ， 利 用 辅助 线 可 以 对 版 面 进行 精确 的 划 
分 ， 可 以 将 复杂 的 设计 程序 简单 化 。 辅 助 线 的 多 少 可 以 根据 具体 内 容 而 定 ， 一 般 而 
言 ， 划 分 的 网 格 越 多 ， 版 式 形 式 就 越 大 ， 同 时 ， 辅 助 线 的 变化 也 会 影响 整个 版 面 的 设 
计 风格 。 

















网 格 的 存在 有 时 也 会 限制 视觉 元 素 的 位 置 ， 容 易 让 版 式 形式 过 于 单一 。 为 了 更 有 
效 地 传递 信息 以 及 美化 版 式 ， 可 以 对 某 些 信息 元 素 进行 特殊 处 理 ， 也 可 以 进行 成 角 网 
格 的 探索 ， 这 样 既 可 以 增强 视觉 冲击 力 ， 又 活跃 了 画面 ， 如 图 4. 30 一 图 4. 33 所 示 。 


4.30 
4.32 


4.31 
4.33 

















4. 30 “形式 构成 ” 展 招贴 / 维 姆 。 克 鲁 韦 尔 / 网 格 不 仅 
是 视觉 的 一 部 分 ， 也 是 字体 设计 的 基础 

4. 31 ”模拟 设计 一 一 强生 / 梁 思 亏 

到 4. 32 ”又 苦 又 甜 /网 格 的 设计 非常 灵活 ， 但 仍 有 强烈 的 
整体 感 /调查 问卷 清单 设计 

图 4. 33 ”成 角 网 络 是 一 种 动态 的 、 复 杂 的 网 格 形式 
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图 4. 34 对称 式 的 形式 在 网 格 设计 中 最 为 常见 ， 它 使 版 面 结 





图 4. 35 ”网 格 模块 具有 灵活 性 ， 对 文本 的 外 观 产 生 影响 





《Immerse》/ 一 份 有 关 电 子音 乐 机 相关 亚 文化 的 杂志 


(2) 网 格 设计 的 重要 性 。 
在 数码 技术 日 益 发 达 
的 今天 ， 使 用 网 格 设计 会 起 
到 事半功倍 的 效果 。 它 以 一 
种 富有 四 辑 性 和 分 析 性 的 思 
考 方式 ， 客 观 地 解决 各 种 设 
计 问 题 ， 使 版 式 结构 清晰 明 
确 ， 提 高 了 版 面 的 易 读 性 。 
_ 它 有 利于 设计 师 更 深入 地 理 
一 解 编排 设计 的 内 涵 ， 从 整体 
。 入手 ， 抛 开 细 枝 末 节 的 元 
素 ， 建 立 编排 设计 的 整体 框 
架 。 网 格 为 设计 师 提供 了 一 
种 内 在 的 逻辑 上 的 一 致 ， 一 
“个 经 精心 设计 的 网 格 系统 能 
神 设 计 规则 得 到 最 佳 发 挥 ， 
从 而 使 阅读 产生 有 序 的 节奏 
感 ， 使 设计 创意 得 以 发 挥 和 
升华 。 
网 格 作为 版 式 设计 中 的 
主要 构成 要 素 之 一 ， 在 出 版 
印刷 品 中 应 用 广泛 。 网 格 系 
统 的 应 用 与 现代 信息 大 量 传 
播 的 趋势 相 适应 ， 它 被 广泛 
运用 于 书籍 、 杂 志 、 报 纸 、 
网 页 、 平 面 招贴 中 ， 使 平面 
设计 的 视觉 效果 更 加 统一 和 
完整 ， 如 图 4. 34 一 图 4. 36 
所 示 。 





4.3 编排 设计 的 方法 与 步 又 





1， 开 本 的 选择 
在 制作 印刷 品 的 时 候 ， 首 先 必须 确定 开本 的 大 小 。 印 刷 物 的 开本 大 小 对 页 面 的 排 
版 设计 有 很 大 影响 ， 一 般 而 言 ， 杂 志 由 于 包含 大 量 的 视觉 信息 ， 有 时 候 需 要 采用 较 大 





的 开本 ， 而 以 文字 为 主 的 图 书 为 了 便于 携带 和 保存 通常 选用 较 小 开本 。 特 殊 规 格 的 开 
本 会 因 与 其 他 书籍 不 同 而 引起 读者 的 注意 。 

国际 标准 纸张 尺寸 依据 的 标准 是 长 宽 比 为 1 : 1. 414。A0 指 面积 为 1 平方 米 ， 长 宽 
比 为 1 : 1. 414 的 纸张 。IS0 国 际 标准 图 表 如 表 4. 1 所 示 。 最 常见 的 纸张 尺寸 是 A4， 它 的 









































大 小 是 210mmX297mm。 所 有 的 印刷 品 都 受制 于 这 个 标准 尺寸 -如果 不 选 择 这 个 尺寸 
会 使 成 本 提高 很 多 (图 4 37) 。 因 此 ， 设计 师 应 在 此 标准 中 发 挥 想 条 。 
表 4. 1 IS0 国 际 标准 图 表 BS 









































TSO216A Iso216B < AN TS0216C 
SAN- 
A0 841mmxX 1189mm BO ix LA14mm co 917mm X 1297mm 
A 
= 
Al 594mmxX 841mm B1 > ~ Yormnx 1000m | cl 648mmX917mm 
Sr sz Xe 、 
A2 420mmX594mm B2 500mx7omnii 和 “| cz 458mm X 648mm 
一 A x Ey 一 
A3 297mmx 420mm B3 353mm Xdooimn C3 324mm X 458mm 
ee 并 
人 
Ad 210min 297mm B4 2650mmx353mm C4 229mm X 324mm 
A5 148mmX 210mm B5 176mm X 250mm c5 162mm x 229mm 
A6 105mm xX 148mm B6 125mm X 176mm c6 114mm x 162mm 
A7 7T4mmx 105mm B7 88mmX 125mm c7 8lmmxX 114mm 
AS 52mmX 74mm B8 62mm Xx 88mm cL 110mm x 220mm 
A9 37mmx 52mm B9 44mm X 62mm C7/6 81mm xX 162mm 
Al0 26mmX 37mm B10 31mm X 44mm 
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图 4. 37 ne 
通常 情况 下 ， 应 根据 可 设计 的 纸 质 宣传 品 或 出 版 物 的 用 途 来 选择 决定 纸张 的 材质 


与 规格 。 纸 张 的 材质 与 规格 见 表 4. 2 所 示 。 


X- 





表 4. 2 纸张 的 种 拓 与 规格 























用 途 ,> 规 格 
三 折 宣 传 页 、 宣 传单 页 ， Er 10mx a5m 
文件 封套 GM \ 》 X 刚 220mmx 305mm 
招 贴 与 海报 挂 上 ~ 420mmX570mm 285mmX 420mm 
> 证 提 纸袋 次 400mmX 285mm Xx 8Omm 
信封 与 便条 210mmX 285mm 130mmX 100mm 
小 说 等 出 版 物 140mmX 210mm 140mmX 203mm 
名 片 90mmxX 55mm 
银行 卡 85mmX 55mm 


2. 页 边 距 和 文本 区 域 





页 边 距 的 设 定 往往 是 根据 理性 经 验 和 感性 直觉 ， 设 定 合理 的 页 边 距 是 进行 编排 设 








计时 不 可 缺少 的 环节 (图 4. 38) 。 一 般 而 言 ， 页 边 距 较 大 的 版 式 ， 
贵 的 感觉 (图 4. 39 和 图 4. 40) ; 而 页 边 距 较 小 的 版 式 ， 





给 人 精致 、 空 灵 、 高 
给 人 扩张 之 感 ， 版 式 引 人 注目 , 如 





图 4. 41 所 示 。 一 本 杂志 或 者 样本 的 页 边 距 应 做 统一 处 理 ， 避 免 不 同 页 边 距 版 心 不 一 样 


的 问题 。 
98 





图 4. 38 文本 区 域 图 4. 39 ”页 边 距 较 大 ， 给 人 精致 、 
高 贵 的 感觉 / 赵 玉 国 





图 4. 40 ” 空灵、 精致,， 给 人 无 限 的 图 4. 41 ”页 边 距 较 小 的 版 式 ， 给 人 扩张 
想象 空间 之 感 ， 引 人 注目 
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页 面 排版 的 方法 与 步骤 

页 面 排版 的 方法 ， 要 注意 以 下 几 个 方面 。 

(1) 确定 版 面 率 ， 即 版 面 所 占 面积 的 比率 。 版 面 率 越 大 ， 书 籍 页 面 所 包含 的 信息 
越 多 ， 相 反 ， 版 面 率 越 小 ， 所 包含 的 信息 就 越 小 。 如 果 版 面 率 低 ， 容 易 给 人 造成 一 种 
典雅 或 高 级 的 印象 (图 4. 42) ;如 果 版 面 率 高 ， 会 造成 页 面 余 白 空间 的 缩小 ， 给 人 充满 
活力 而 又 热闹 的 印象 (图 4. 43) 。 

(2) 确定 图 版 率 ， 即 印刷 品 中 图 片 所 占 的 比率 。 这 是 对 页 面 的 整体 效果 产生 重要 影 
响 的 关键 因素 (图 4. 44) 。 过 去 版 面 率 高 ， 现 在 随 着 豪华 书 的 出 现 ， 版 面 上 的 文字 越 来 越 
少 ， 而 相反 图 片 所 占 比率 越 来 越 大 了 。 图 片 在 页 面 中 所 占 的 空间 是 控制 图 版 率 的 重要 
因素 。 页 面 的 底 色 也 可 以 改变 图 版 率 ， 通 过 对 底 色 大 小 的 调整 ， 可 以 取得 与 提高 图 版 
率 相似 的 效果 。 

(3) 确定 通栏 的 数目 ， 即 竖 栏 。 竖 栏 是 版 面 骨骼 的 主体 、 可 以 是 单 栏 、 双 栏 和 多 
栏 。 然 后 确定 横 栏 的 基本 位 置 和 大 小 ， 横 栏 的 骨骼 排列 也 可 以 分 为 多 个 分 栏 (图 4. 45) 。 

(4) 确定 标题 的 大 小 。 一 般 印 刷 品 的 标题 主要 有 主 标题 、 副 标题 、 小 标题 或 分 标 
题 等 。 为 了 利于 叙述 表达 ， 最 好 使 各 类 标题 具有 层次 感 。 设 计 者 要 对 各 种 标题 与 正文 
文字 的 组 合 关系 进行 统一 思考 ， 同 时 加 入 各 种 图 形 和 装饰 线条 等 ， 保 持 整 体 编排 的 统 
一 性 (图 4. 46) 。 | 

(5) 确定 各 类 文字 的 字体 及 装饰 方法 。 字 体 在 平面 设计 中 的 重要 作用 已 经 在 前 面 
的 章节 中 作 了 介绍 。 在 一 个 版 面 中 六 字体 要 尽量 做 到 一 致 ， 其 目的 是 为 了 保持 画面 视 
觉 形 象 的 统一 性 (图 4. 47) 。 人 

(6) 确定 页 码 大 小 、 位 置 和 装饰 方法 。 页 码 在 版 面 上 的 位 置 有 许多 种 ， 页 码 的 设 
计 在 形式 上 创新 ， 是 二 个 需要 花费 很 多 精 为 的 课题 ， 如 图 4. 48 所 示 。 


















































民 Py | 


第 1gg 们 到 字 棋 新 入 主 长 模 天 街 








图 4. 42 ”餐厅 宣传 单 设计 / 半 透 4. 43 ”房地产 广告 /版 面 率 高 的 版 式 ， 让 人 感到 热 
明 纸 上 印 着 葡萄 酒 的 名 称 ， 其 下 闹 而 又 充满 活力 











面 是 葡萄 酒 的 水 彩 画 ， 较 低 的 版 
面 率 给 人 以 典雅 的 印象 





之 22 尖 











图 4. 44 ”提高 图 版 率 是 现代 版 式 发 展 的 


趋 


图 4. 45。 竖 栏 和 横 栏 的 确定 ， 可 以 让 视 
觉 传达 更 加 清晰 


图 4. 46 “移动 ”一 一 都 市 酵母 
图 4. 47 页码 设计 


图 4. 48 ”装饰 艺术 风格 的 字体 和 木刻 图 
案 为 Picholine 菜 单方 面 增添 了 优雅 感 
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4. 版面 内 容 的 调整 

读者 在 观看 页 面 时 ， 由 于 视觉 作用 所 产生 的 心理 感受 会 有 所 不 同 ， 所 以 版 面 内 容 
的 调整 ， 就 是 使 版 面 设计 符合 审美 与 阅读 心理 。 

(1) 调整 重点 内 容 。 对 于 希望 呈现 的 内 容 可 以 合并 成 一 组 ， 或 者 对 单个 的 图 片 进 
行 扩大 处 理 。 

(2) 调整 各 项 内 容 的 边线 。 边 线 的 处 理 可 以 使 页 面 整体 产生 一 种 秩序 感 ， 能 使 读 
者 感受 到 一 种 井然 有 序 的 页 面 效果 。 各 项 内 容 的 边线 主要 包括 图 片 和 文字 的 边线 、 各 
图 片 的 边线 、 各 段落 文字 的 边线 。 

(3) 调整 编排 形式 。 主 要 包括 对 字 距 、 行 距 和 图 片 之 间 间 隔 的 调整 。 

(4) 调整 整体 色调 。 色 调 在 整体 版 式 中 既 对 比 又 调和 ， 起 到 引导 视觉 信息 的 作用 。 

版 面 内 容 调整 前 后 的 对 比 效果 如 图 4. 49 所 示 。 






































了 DOD 碌 目 找 式 好 五 
及 汶 / 具 从 古 
TNs/ 


修改 前 ;@ 右 页 图 片 尺 
才 太 小 ， 没 有 张力 。 加 
文字 过 于 纤细 ， 不 易 阅 
读 。@@ 左 页 图 片 尺寸 不 
均 。 图 图 片 之 间 的 组 合 
关系 不 明确 。 








bag 
We. 
3 

' " 

和 

日 

修改 后 : 四 右 页 图 片 放 P 朵 3 贸 % 
大 至 满 版 。 加 文字 调整 
为 粗 体 字 。 图 左 页 图 片 

剪裁 至 同样 大 小 。@@ 图 ? 


片 之 间 重 新 组 合 。 


图 4. 49 ”版 面 内 容 调整 前 后 的 对 比 效果 


T 





4.4 编排 设计 的 趋势 和 特征 


1， 思 想 性 

一 个 成 功 的 版 面 设 计 ， 既 不 是 文字 的 意义 ， 也 不 是 图 形 的 表现 力 ， 而 是 通过 分 析 
文字 图 形 的 相互 关系 ， 用 形式 的 语言 体现 内 容 的 3 \ 想 ， 用 以 增强 读者 的 注意 力 与 
理解 力 。 只 有 做 到 主题 鲜明 突出 、 一 目 了 然 ， 才 能 达到 版 面 构成 的 最 终 目 标 。 优 秀 的 
版 式 设计 往往 是 将 文字 、 图 形 、 色 彩 和 主题 思想 进行 完美 搭配 ， 以 整体 的 形式 与 张力 
传递 出 视觉 信息 ， 从 而 突出 作品 的 原创 主题 ， 从 而 给 编排 设计 注入 深刻 的 内 涵 和 艺术 
























感染 力 。 将 主题 思想 的 创意 与 编排 技巧 相 结合 的 表现 ， 已 成 为 现代 编排 设计 的 发 展 趋 
势 ， 如 图 4. 50 一 图 4. 53 所 示 。 


4.50 
4.51 |4.52 |4.53 


图 4. 50 有 
色 背 景 的 反差 
产生 阻碍 作 用 的 吕 


图 4.51 sd 
昌国 传统 文化 结合 在 -起 ， 使 文字 
与 主题 思想 完美 结合 / 何 


图 4. 52 文字 的 想象 力 /来 自 : 
“未 字 八 法 ”利用 汉字 的 基本 元 素 
构成 画面/ 田中 一 光 

图 4. 53 《雷雨 》 话 剧 海 报 / 夯 面 的 
视觉 中 心 偏 上 ，“ 雷 ” 字 的 骨 裂 巴 
示 着 悲剧 的 上 演 
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2. 创意 性 


作为 一 种 社会 文化 活动 ， 设 计 是 人 类 改变 原 
有 事物 ， 使 其 创造 性 发 展 的 活动 。 创 意 是 传统 的 叛 
逆 ， 是 破旧 立新 的 创造 ， 是 艺术 设计 的 灵魂 ， 是 编 





排 设计 的 核心 。 有 意 制造 某 种 神秘 、 无 规则 、 不 限 
量 的 空间 来 吸引 读者 ， 引 起 共鸣 ， 乃 是 当今 设计 界 
在 艺术 风格 上 的 流行 趋势 。 这 种 风格 为 陈旧 与 平庸 
的 设计 注入 了 新 的 生命 ， 让 版 面 设计 产生 神奇 的 视 








这 类 设计 往往 注重 创意 构思 





-的 艺术 性 ， 作 





品 呈 现 出 干净 、 简 约 和 永恒 经 典 的 设计 精神 。 图 像 





的 处 理 不 破坏 图 片 的 内 容 六 同时 对 
裁 也 十 分 大 胆 。 文 字 、 图 形 和 人 色彩 








[日 本 二 外 > 上 7 一 人 矿 好 下 女 | 
ES 
每 义 方 术 宙 二 ' 女 坑 ,j [站 7 一 专机 2 大 .七 5 党 


和 
了 DP 
Tzi\ 
EN rr 
人 金 恋 器 党 术 女 < 女 妃 ,| [之 四 人 ) 宕 仁 导 ,人 金 奈 
契 LE. 一 上 女 驴 为 古 .j[ 绵 王子 一 和 bb 
7 一 hb .上 是 2 太 -HE5v57- 有 
NH ODERE,) 


| 








图 片 的 缩放 和 前 
的 配置 ， 已 不 是 


简单 的 、 平 淡 的 组 合 关 系 ， 而 是 更 具有 表现 力 和 艺 
术 性 ， 它 们 的 最 佳 配置 关系 共同 表现 主题 的 思想 及 
情感 a 网 格 给 设计 布局 赋予 了 多 样 性 ， 使 版 面 设计 
极 具 企 性 ， 如 图 4. 54 一 图 4. 58 所 示 。 





图 4. 54 
4. 列 下 格 给 设计 布局 赋予 了 多 样 性 


4.55 
图 4. 55 ”东京 艺术 展销 会 





美国 设计 杂志 《ID》/ 图 片 的 巧妙 处 理 ， 网 





3， 情 感性 

“以 情感 人 ”是 
以 物质 诉求 为 主 而 以 
求 ， 体 现 一 种 内 在 与 
现在 关注 人 的 生存 状 
93。 如 出 血 版 使 
合理 运用 编排 的 


这 正 是 编排 设计 不 断 





并 








4.59 | 4.60 |4.61 










人 2008_AUGUST_ 太 月 大 )》 
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意 的 和 整齐 的 文字 的 对 比 
增加 了 画面 的 层次 感 





































图 4. 58 ”奥林匹克 梦想 与 中 国 台 
历 结合 在 一 起 ， 极 具 4 秀 
川 ， 张 子 龙 第 
4 
章 
艺术 创作 奉行 的 原则 。 设 计 中 的 下 以 人 入 为 本 ”是 指 设计 的 表现 不 编 
精神 诉求 为 主 的 趋势 , 即 关注 人 的 内 心 精神 世界 的 成 长 及 需 排 
外 在 情感 的 传达 ， 满 足 读者 的 心理 和 情感 的 需求 。 在 版 式 设计 体 设 
:， 注重 从 深层 的 精神 世界 与 受众 沟通 ， 强 调 在 感情 上 与 观 者 产 计 
感情 奔放 ， 框 版 使 人 感情 内 蕴 ， 留 白 富 于 意境 ， 黑 白 富 于 理性 原 
原理 来 准确 传达 情感 ， 进 一 步 加 强 版 面 与 受众 之 间 旧 交流 ， 的 
变革 的 价值 所 在 ， 如 图 4. 59 一 图 61 所 示 。 理 
全 
| 
em 
2 
| 
图 4. 59 “将 文字 排列 成 某 一 事物 ， 极 具 人 情 味 
图 4. 60 ”招贴 /文字 与 图 形 组 合成 一 幅 日 本 地 图 ， 唤 起 人 们 的 审美 愉悦 感 / 霍 尔 
格 。 马 蒂 斯 
105 


图 4. 61 


大 阪 市 立 工艺 高 等 学 校 建 校 80 周 年 庆 海 报 
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4.5 中 国 传统 编排 设计 的 特点 及 应 用 


1， 印 刷 与 编排 特点 


中 国文 字 历史 悠久 ， 是 迄今 为 止 ， 世 界 上 唯一 没有 断 流 并 仍 在 使 
































从 中 国 古 代 的 “四 大 发 明 ” 来 看 

















用 的 文字 系统 。 中 国 的 文字 和 书籍 从 一 开始 就 被 赋予 了 特有 的 功能 。 





， 造 纸 术 和 印刷 术 对 世界 文明 的 发 展 


起 到 了 重要 的 推动 作用 。 中 国 早 期 的 印刷 术 是 石 版 拓 印 ， 从 唐 代 开 














始 ， 出 现 了 运用 木板 印刷 的 印刷 品 。 了 
雕版 印刷 术 的 采用 从 整体 上 加 快 了 书籍 的 复制 速度 ， 增 加 书籍 





产量 的 同时 又 降低 了 成 本 ， 大 量 廉价 、 优 质 的 书籍 对 出 身 贫寒 的 学 子 
是 一 种 恩惠 ， 所 以 印刷 术 的 发 展 又 与 中 国 封建 社会 的 科举 制度 紧密 地 


联系 在 一 起 。 然 而 活字 印刷 的 发 











展 在 我 国 封 建 社会 中 始终 处 于 不 利 地 


位 ， 一 直 没有 能 够 替代 雕版 印刷 方式 s 雕版 印刷 能 创造 书籍 的 字体 及 


格式 上 的 不 同 风格 及 效果 ， 印 所 














代 的 竹简 、 木 读 的 有 形制， 到 后 来 


16 世 纪 后 ， 刻 世人 模仿 北宋 刻本 的 字体 小 使 字体 风格 趋向 平 直 、 方 
正 ， 笔 形 棱角 凌厉 ， 这 种 字 被 后 人 称 为 “宋体 字 ”。 这 种 字体 易于 膨 
刻 ，. 是 峙 无 匠 在 刻 书 过 程 中 演化 而 战 的 ， 这 种 字体 后 来 被 作为 现代 铅 





活字 的 范 模 。 





9 书页 具有 独特 的 风格 与 美感 。 


中 国 传统 编排 设计 的 宇 要 形式 ， 文 字 坚 行书 写 ， 每 行 之 间 都 有 栏 
线 ， 自 右 向 左 排列 ， 书 籍 从 左边 翻 开 。 这 种 传统 的 排版 方式 是 源 于 十 





出 现 的 册页 与 刻本 的 版 面 形 式 相同 。 


A 





相对 而 言 ， 手 抄 书 的 版 面 形式 比较 多 样 。 印 刷 术 的 发 展 使 编排 形 


式 和 美术 字体 的 选用 越 来 越 固 定 
页 在 印 制 完 成 以 后 ， 字 面 在 外 ， 





。 印 本 书页 为 单 面 双 页 印 制 。 每 张 对 
由 中 间 对 折 ， 通 常 形成 相对 的 两 页 。 








版 面 的 大 小 比例 通常 就 是 木板 的 大 小 比例 ， 版 面 四 周 有 边 框 ， 单 线 的 
为 单 边 ， 粗 细 并 用 的 为 双边 。 版 面 的 中 央 折 又 处 为 版 心 ， 通 常用 来 书 
写 书 名 、 卷 次 、 页 码 等 信息 。 版 面 上 刻写 的 部 分 有 栏 线 ， 文 章 的 正文 





为 打字 单行 ， 注 释 、 批 语 等 小 字 为 单行 双 列 。 





线装 书 是 中 国 传 统 书籍 发 展 到 册页 制度 后 形成 的 最 终 装 订 形 式 。 
它 综 合 了 传统 书籍 的 文化 积淀 ， 是 中 国 传统 书籍 的 经 典 形 式 。 直 到 近 

















代 中 国 社会 发 生 重大 变化 ， 随 着 



































西方 机 械 印 刷 术 的 引进 ， 线 装 书 才 逐 





渐 被 现代 书籍 装帧 方式 所 取代 ， 如 图 4. 62 一 图 4. 65 所 示 。 


4.62 | 4.63 
4.64 |4.65 








4. 63 图 文 结合 是 

















造 关系 /田中 一 光 


b 








到 4. 62” 丧 乱 帖 (局 部 ) /整体 章法 取得 平衡 ， 稳 重 中 平添 生动 / 王 义 之 




















传统 的 排版 方式 之 一 / 陈 方 媛 


4. 64 《 析 世 鉴 》 纸 本 /文字 排版 通过 一 种 游戏 的 方式 揭示 人 类 文化 的 积累 / 徐 冰 





4.65 ”歌舞 伎 的 发 现 /上 半 部 分 的 老 宋 体 与 下 面 的 粗 体 让 人 联想 到 柱子 与 主 墩 的 构 
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2. 传统 排版 方式 的 科学 性 
我 国 传统 编排 形式 不 仅仅 是 古人 在 信息 传达 时 从 使 用 功能 和 形式 美方 面 的 思索 ， 
也 是 中 华文 明 不 断 发 展 的 必然 ， 是 传统 文化 底蕴 的 体现 。 
我 国 传统 排版 方式 和 书写 方式 并 没有 落伍 。 从 信息 传达 的 功能 来 看 ， 面 对 文字 信 
息 人 们 并 不 是 逐 字 阅读 ， 而 是 通过 眼睛 的 上 下 移动 达到 覆盖 版 面 的 目的 ， 心 理学 家 的 
研究 表明 ， 汉 字 的 竖 排 更 加 符合 眼皮 上 下 开 合 的 生理 现象 。 所 以 ， 汉 字 竖 排 在 大 信息 
量 的 今天 依然 具有 强大 的 生命 力 。 
近代 以 来 ， 在 西学 东 渐 过 程 中 ， 中 国 现代 编排 设计 明显 呈现 出 对 西方 某 些 设计 
艺术 流派 的 模仿 、 借 鉴 。 中 国 社会 经 济 的 快速 发 展 与 提高 ， 要 求 版 式 设计 也 能 与 时 俱 
进 。 事 实 上 ， 在 西方 发 达 国 家 ， 已 经 有 很 多 人 在 反对 “全 球 化 ”， 理 由 是 全 球 化 在 侵 
蚀 着 人 类 文化 的 多 元 化 。 同 处 亚洲 文化 圈 的 日 本 、 韩 国 已 对 编排 的 样式 进行 了 调整 ， 
台湾 地 区 大 多 仍 就 自 右 向 左 ， 之 所 以 延 循 传统 还 是 受 竹简 排列 的 影响 。 所 以 要 认真 对 
待 民族 的 传统 版 式 设计 文化 ， 关 注 民族 的 优秀 传统 文化 ,如 图 4. 66 一 图 4. 72 所 示 。 
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类 > =| 二 > 者 - 英 台 所 国 





4.66 


4.67 |4.68 


图 4. 66 ”第 五 届 “ 方 正 奖 ”中 
文字 体 设计 大 赛 海报 


图 4. 67 《日 本 的 历史 》 目 录 





图 4. 68 “ 永 字 八 法 ”版 式 设 
计 / 周 春 华 
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单元 训练 和 作业 


1， 课 题 内 容 ， 册 页 网 格 编排 设计 训练 
课题 时 间 : 4 学 时 。 
课题 主题 ， 以 “景德镇 珠 山 出 土 永乐 官 窗 瓷器 展 ” 为 题 ， 进 行 册页 设计 。 
课题 要 求 : 

(1) 在 A3 纸 上 进行 3 折 页 ， 正 反 打 印 的 编排 设计 。 
(2) 要 求 严格 文字 、 图 片 的 选择 与 运用 ， 严 格 按照 网 格 设计 的 规定 ， 处 理 好 横 

向 、 竖 向 的 图 文 关系 。 

(3) 整个 册页 设计 要 做 到 : 通过 局 部 多 样 性 的 变化 而 实 3 整体 的 统一 。 

训练 目的 : oa 
图 形 相互 依存 的 辩证 关系 。 \ 

2， 课 题 内 容 : 网 页 网 格 编 排 没 计 训练 KAN 

课题 时 间 : 2 学 时 。 A 

课题 主题 ， 以 “个 人 网 站 ”为 题 ， es, 

课题 要 求 : SS 一 

(1) 版 面 信息 传达 明确 、 -结构 清晰 、 层次 清楚 主题 突出 。 

(2 合理 安排 文字 和 图 形 的 信息 量 ， 把 所 网 内 在 网 页 设计 中 的 技巧 ， 以 免 版 面 











WA 

训练 目的 ; 腊 活 运用 风格 设 计 原 池 进 生 问 页 构思 设计 ， 以 达到 网 页 信息 的 有 效 
传达 。 NY 

3， 课 题 肉 容 ， 海 报 编排 设计 训练 

课题 时 间 : 2 学 时 。 

课题 主题 ， 以 “书画 展览 ”为 题 ， 进 行 海报 设计 。 

课题 要 求 : 

(1) 海报 信息 传达 明确 、 结 构 清晰 、 层 次 清楚 、 主 题 突出 。 

(2) 运用 中 国 传统 的 图 文 排版 方式 。 

(3) 注重 创意 构思 上 的 艺术 性 ， 将 汉字 、 英 文 和 图 片 进行 科学 编排 。 

训练 目的 : 培养 学 生 认 真 对 待 民 族 文化 ， 设 计 作 品 呈 现 出 干净、 简约 和 永恒 经 典 
的 设计 精神 。 

4. 理论 思考 

(1) 查阅 相关 资料 及 图 例 ， 思 考 当 代 版 面 设计 的 典型 风貌 及 发 展 趋势 。 

(2) 总 结 网 格 版 式 设计 的 特征 及 对 当代 平面 设计 的 影响 。 
































第 5 章 编排 设计 的 视觉 流程 


本 章 概述 和 目标 : AN、 

概述 : 本 章 主要 介绍 了 视觉 的 感觉 和 知觉 ， 视觉 的 视 区 分 布 和 最 佳 视 域 ， 以 及 视 
觉 流程 的 规律 和 形式 。 

目标 : 通过 对 通 感 思维 创新 特征 和 视觉 流程 规律 的 探讨 ， 挖掘 编排 设计 创新 的 新 

本 章 要 点 : 

(1) 视觉 的 视 区 分 布 和 最 入 视 域 

(2) 视觉 流程 的 规律 和 形式 。 


1， 注 意 力 与 刺激 

注意 是 指 心理 或 意识 活动 对 一 定 对 象 的 指向 和 和 集中。 引起 注意 的 两 种 因素 : 刺激 
物 的 深刻 性 和 主题 的 意向 性 。 从 设计 对 受众 发 生 作用 的 心理 过 程 看 ， 只 有 被 注意 的 设 
计 才 有 机 会 被 受众 接受 。 所 谓 “ 注 意 力 经 济 ” 指 的 是 只 有 那些 引起 人 们 关注 的 信息 才 
能 被 加 工 进而 被 理解 。 

引起 注意 的 方法 主要 有 4 种 : 四 增加 信息 的 强度 ; @ 新 异性 的 刺激 :加 赋予 动感 
的 刺激 :四 提高 感知 兴趣 的 刺激 。 一 般 情况 下 ， 在 版 面 设计 中 ， 视 觉 注意 力 上 部 比 下 
部 强 ， 左 边 比 右边 强 ， 中 间 比 周围 的 边缘 强 ; 不 同 视线 注意 力 价值 不 同 ， 给 人 的 感觉 
也 不 同 。 

刺激 是 一 种 心理 现象 产生 的 方式 ， 即 刺激 物 施 加 于 感觉 器 官 的 影响 。 影 响 刺 激 的 因 
素 有 生理 因素 、 刺 激 度 、 知 识 经 验 、 情 绪 和 需要 的 满足 。 富 有 新 异 刺激 性 的 趣味 设计 能 
提高 受众 对 作品 的 注意 效果 ， 三 人 与 生 俱 来 的 好 奇 心 。 当 新 异 刺激 出 现时 ， 人 就 会 
不 自觉 地 从 被 动 状态 转 为 主动 状态 ， 感 到 既 出 乎 意料 ， 又 在 情理 之 中 。 好 的 版 式 设计 作 
品 ， 可 以 使 受众 乐 在 其 中 ， 提 高 受众 对 作品 的 注意 及 记忆 效果 ， 如 图 5. 1 一 图 5. 3 所 示 。 
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图 5. 1 《 蜥 蝎 》/ 石 版 画 /从 
给 人 带 来 智力 的 惊喜 / 埃 舍 尔 





-个 二 维 的 世界 创造 出 一 个 三 维 的 世界 ， 





2l 到 5. 2 ”德比 尔 斯 钻石 /坚硬 的 珠宝 ， 光 彩 夺目 的 印刷 字体 ， 文 字 呈 几 
5.2 |5.3 阿 形 排列 ， 让 广告 的 外 观 显得 更 加 坚硬 











图 5.3 法兰克 福音 乐 节 招 贴 / 金 特 。 凯 泽 
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感觉 和 知觉 的 作 上 

感觉 是 最 初级 的 认识 过 程 。 它 是 人 脑 直接 作用 于 感觉 器 官 的 对 客观 事物 的 个 别 属 
性 的 反应 ， 是 个 体 对 事物 个 别 特性 的 直接 反应 ， 是 人 们 对 客观 外 界 的 基本 反应 形式 ， 
是 最 简单 、 最 基本 的 心理 现象 。 如 视觉 、 听 觉 、 味 觉 、 饥 渴 感 、 运 动感 、 平 衡 感 等 ， 
这 些 复杂 的 感觉 是 人 们 认识 客观 事物 的 基础 。 感 觉 能 被 人 们 所 捕获 ， 从 而 唤起 记忆 深 
处 各 种 信息 间 的 交织 。 
知觉 是 以 各 种 感觉 为 基础 的 ， 是 由 感觉 器 官 直 接 认 知 外 界 状 况 和 自身 状态 的 活 
动 ， 它 是 对 客观 事物 的 整体 和 综合 的 反应 。 知 觉 具有 很 强 的 主观 性 特点 ， 它 主要 依赖 
于 人 以 往 的 经 验 。 对 于 形态 的 知觉 ， 主 要 包括 视觉 和 触觉 。 人 对 知觉 的 感知 ， 大 致 分 
为 物理 、 生 理 、 心 理 等 阶段 。 知 觉 的 基本 特征 主要 有 知觉 的 整体 性 、 知 觉 的 理解 性 、 
知觉 的 生 和 知觉 的 选择 性 。 
人 是 一 个 具有 记忆 再 现 能 力 和 感觉 分 析 能 力 的 生命 体式 作为 设计 师 而 言 ， 就 是 
将 外 界 的 各 种 信息 刺激 通过 设计 语言 传递 出 来 ， 将 感性 的 积累 上 升 到 理性 的 认识 与 分 
析 ， 对 所 需要 的 信息 有 条 理 地 传递 给 观 者 ， 使 人 们 能 够 清晰 地 接受 ， 如 图 5. 4 和 图 5.5 
所 示 。 
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到 5. 4 苏州 印象 /“ 残 缺 ” 的 笔 体 结构 并 不 影响 阅读 ， 相 反正 好 感觉 了 
5.4 |5;5 苏州 的 风情 














5.5 桥 子 汗 的 广告 刺激 着 我 们 的 感觉 器 官 
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5.2 视觉 的 视 区 分 布 和 最 佳 视 域 


1， 视 区 分 布 

界面 编排 要 求 视 
觉 上 产生 类 似 于 平衡 
的 印象 ， 不 平衡 的 编 
排 设计 ， 将 不 能 得 到 
读者 的 信赖 。 左 右 延 
伸 的 水 平 线 、 上 下 延 
伸 的 垂直 线 、 动 感 的 

” 弧 线 和 斜 线 、 穿 插 的 
图 形 都 可 以 诱导 视线 
的 分 布 。 

对 版 面 四 角 的 编 
排 有 利于 让 动荡 不 定 的 
元 素 稳定 下 来 。 在 四 角 
中 , 左上 和 右 下 具有 特 
殊 的 吸引 力 , 可 以 使 界 
面 左 右 均衡 ， 是 其 处 
理 的 重点 ， 同 时 还 会 
形成 从 左上 到 右 下 流 
动 的 视觉 过 程 ， 给 人 
以 自然 稳定 的 感觉 ， 
如 图 5. 6 一 图 5. 8 所 示 。 























2. 最 佳 视 域 

心理 学 家 认为 ， 在 一 个 限定 的 范围 内 ， 人 们 的 视觉 注意 力 是 有 差异 的 。 决 定 人 
注 画 面 中 最 受 注目 的 地 方 ， 这 就 是 所 谓 的 视觉 中 心 。 画 出 长 方形 的 两 条 对 角 线 ， 其 交 
叉 处 画 一 个 点 ， 这 个 点 叫 “ 几 何 中 心 ”。 在 版 面 中 ， 不 同 的 视 域 ， 注 目 程度 不 同 ， 心 
理 感受 也 不 同 ， 如 图 5. 9 所 示 。 通 常 ， 人 的 视觉 中 心 往往 比 几何 中 心 要 偏 高 ， 这 种 错 
视 现 象 在 版 面 中 随处 可 见 。 所 以 版 面 的 上 部 比 下 部 更 引 人 注 目 ， 这 是 因为 上 部 给 人 以 
轻松 、 愉 快 、 积 极 、 扬 升 之 感 (图 5. 10) ; 下 部 给 人 以 下 坠 、 压 抑 、 沉 重 、 消 沉 、 稳 定 
之 感 。 左 侧 一 般 比 右 侧 注目 性 高 ， 这 是 因为 左 侧 感觉 舒展 、 轻 便 、 自 由 、 富 有 动感 
(图 5. 11) ， 右 侧 感 觉 局 限 、 拘 说 拥挤 、 紧 凑 而 又 稳重 。 故 在 版 面 视觉 中 ， 应 将 最 重要 
的 信息 或 视觉 流程 的 停留 点 安排 在 注目 价值 最 高 的 位 置 ， 以 便 能 在 最 短 时 间 内 抓 住 读 
者 的 视线 ， 达 到 诉求 的 目的 。 由 此 可 见 ， 在 一 个 界定 的 范围 内 ， 注 目 价 值 最 高 的 是 位 
于 版 面 的 上 部 、 左 侧 、 左 上 、 中 上 部 ， 如 图 5. 12 所 示 。 妆 然 , “在 现代 版 式 中 ， 也 不 一 
定 这 些 部 位 是 最 佳 编排 的 位 置 ， 为 了 更 好 地 寻求 创意 ， 可 以 根据 具体 情况 进行 调整 。 




































































(a) 视觉 划分 (b) 最 佳 焦点 (c) 最 佳 视 域 区 
图 5.9 不 同 的 视 域 ， 注 目 程度 不 同 ， 心 理 感觉 也 不 同 








3YDANCEY C OM PA NY 图 5.10 版 而 的 中 上 部 给 人 


轻松 、 扬 升 之 感 
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图 5. 11 再 设计 / 左 侧 全 般 比 右 侧 注 目 性 高 / 李 帧 阳 


图 5. 12 图形 和 文字 同时 处 于 画面 的 最 佳 视 域 焦点 


5. 3 编排 视觉 流程 的 规律 和 形式 


人 的 视觉 在 接受 外 界 信息 时 ， 不 能 同时 和 
序 进行 运动 ， 来 感知 外 部 环境 。 视 觉 
合 后 给 人 的 局 体 印 象 。 视 觉 流 
动 ， 在 进行 编排 设计 时 应 该 
设计 ， 使 设计 内 和 化 

1， 视 觉 流程 的 一 般 规 律 

人 们 在 进行 观察 和 阅读 时 ， 人 的 视线 会 随 版 式 设计 中 诸多 视觉 艺术 语言 
版 式 空间 中 沿 一 定 轨 迹 进行 运动 ， 下 面 是 人 们 | 
人 们 的 视线 一 般 是 从 左 向 右 流动 (图 5. 13) ; 垂直 方向 时 ， 视 线 一 般 是 从 上 向 下 流 
5. 14) ;大 了 









定 的 视 必 





握 视 觉 流程 的 规律 ， 有 目的 、 有 针对 性 、 有 方向 
有 晰 、 视 觉 冲 击 力 强 。 















新 设计 新 的 视觉 流程 。 
文字 的 主要 功能 是 在 视觉 传达 中 向 大 众 传达 作者 的 意 
目的 ， 考 














时 的 视线 运动 轨迹 : 水 平方 应 





开 有 的 物象 ， 必 须 按照 一 定 的 流动 程 
间 中 ， 将 视觉 元 素 重 
呈 主 要 在 于 引导 视线 随 着 信息 内 容 的 前 后 主 次 做 有 序 移 


浙 组 
也 进行 
必 态 在 


上 ， 
动 ( 图 


”和 斜 度 时 ， 视 线 是 从 上 而 下 的 ; 小 于 45” 时 ， 视 线 是 从 下 向 上 流动 的 
这 种 视觉 流程 规律 并 不 是 一 成 不 变 的 ， 设 计 师 也 可 根据 具体 的 需要 


图 和 各 种 信息 ， 要 达到 这 一 








虑 文字 的 整体 诉求 效果 ， 给 人 以 清晰 的 视觉 印象 。 因 此 在 设计 
字 应 避免 得 





图 5. 13 一 图 5. 15 所 示 。 
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1， 文 


iL， 要 让 人 易 认 、 易 懂 ， 切 忌 为 了 设计 而 设计 ， 忘 记 了 文字 在 设计 中 
的 根本 功能 是 为 了 更 好 、 更 有 效 地 传达 作者 的 意图 ， 表 达 设 计 的 主题 和 构想 意念 ， 


如 





Marcel 


Duchamp 


Wicnel Faber 
dyn portrait 
Wanol0 Blahnik 


5.13 |5.14|5.15 


， 视觉 流程 的 形式 


站 





图 5. 13 《Zembla》/ 水 平 设计 布局 ;装饰 性 的 字体 吸引 人 的 注意 力 / 
文 斯 。 弗 罗斯 特 


图 5. 14 《字体 》 杂 志 / 垂 直方 向 的 视线 ， 受 构成 主义 精神 和 美学 影响 
图 5. 15 ”视觉 运 动 的 轨迹 沿 着 斜 线 方向 流动 / 刘 纯 黎 


2 
(1) 单 向 式 视 觉 流程 。 
单 向 视觉 流程 是 视觉 要 素 以 一 个 单 志 的 方向 延伸 ， 形 成 视觉 上 单 向 的 观看 次 序 


(图 5. 16) 。 在 编排 设计 中 ， 它 有 横向 、 竖 向 和 斜 向 3 种 表现 形式 ， 每 种 表现 形式 呈现 
不 同 的 视觉 特点 # 竖 向 视觉 流程 是 以 中 轴线 为 中 心 线 上 下 移动 ， 给 人 以 直观 、 坚 定 
之 感 (图 5. 17) ;横向 视觉 流程 具有 安宁 而 平静 的 构图 ， 给 人 以 稳定 、 刁 静 、 平 和 之 感 
(图 5. 18) ;和 斜 向 视觉 流程 是 指 视线 一 般 从 左上 角 向 右 下 角 移 动 ， 以 不 稳定 的 动态 引 
人 注意 ， 给 人 以 强烈 的 运动 冲击 力 ( 图 5. 19 和 图 5. 20) 。 设 计 中 的 视觉 要 素 随 设计 师 设 














计 的 曲线 引导 的 方向 分 布 ， 这 种 视觉 流程 被 称 为 曲线 视觉 流程 。 曲 线 视 觉 流程 主 



































有 弧 线 型 “C” 和 回旋 型 “S” 两 种 。 弧 线 型 视觉 流程 依 圆 环 状 迁 回 于 画面 ， 给 人 饱 











满 、 扩 张 之 感 (图 5. 21) ; 


线 视觉 流程 形式 变化 多 样 ， 给 画面 带 来 强烈 节奏 感 和 韵律 感 ， 同 时 增加 了 画面 的 层 


次 感 和 动感 。 





单 向 视觉 流程 主导 的 版 面 ， 形 式 简洁 、 明 确 、 直 观 ， 视 觉 导向 清晰 。 有 许多 设计 
师 非 常 习 惯用 这 种 简约 方式 ， 体 现 出 强烈 的 设计 感 ， 如 著名 的 日 本 平面 设计 师 田 中 


























可 旋 型 视觉 流程 所 构成 的 形式 回旋 而 富 于 变化 (图 5. 22) 。 






























































光 先 生 ， 香 港 平面 设计 师 新 霸 强 先生 等 都 习惯 用 这 种 方法 ， 设 计 出 了 非常 具有 现代 感 








的 优秀 作品 ， 如 图 5. 23 所 示 。 
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5.16 |5.17 


5. 18 














5. 16 ”视觉 呈现 单一 方向 延伸 / 马 志 


5.17 “ 爱 生命 ， 信 科学 ”海报 / 竖 向 视觉 流程 
5. 18 《Zembla》 目 录 页 设计 /横向 视觉 流程 /页 面 既 新 鲜 又 充满 灵性 


We 
0 


* 





图 5. 19 ” 斜 向 视觉 流程 / 周 春 华 

习 5. 20” 斜 向 视觉 流程 /文字 的 倾斜 使 整个 版 面 呈现 一 种 韵律 节奏 感 
B19 1 5.20]6:21 到 5. 21 ”曲线 “C” 型 视觉 流程 / 董 文 灿 

加 5. 22 首届 “方正 奖 ” 印 刷 字 体 设计 大 赛 /曲线 “S” 型 视觉 流程 
国 5. 23 “互动 ”海报 /形式 简洁 、 明 确 、 直 观 ， 视 觉 导 向 清晰 /新 壤 强 











5.22 5.23 

















编 (2) 重心 视觉 流程 。 
排 重心 视觉 流程 是 指 








创 视觉 会 沿 着 形象 方向 与 
力度 的 伸展 来 变换 的 视 
村 觉 运动 。 一 般 而 言 ， 重 
心 偏 上 ， 给 人 人 升腾、 村 


逸 之 感 (图 5. 24) ; 重心 
偏 下 ， 给 人 下 坠 、 压 抑 
之 感 ; 重心 偏 左 ， 给 人 
轻便 、 自 由 的 印象 ， 重 
心 偏 右 ， 则 给 人 急促 、 
庄重 的 感觉 。 
在 编排 设计 中 ， 
般 考 虑 视觉 重 这 个 
视觉 重心 在 版 面 的 中 央 
人 jp’ | 或 者 ! lie, -的 部 位 8 
J 任何 形 象 的 视觉 攻心 都 
也 让 | 与 视觉 的 安定 有 密切 的 
关系 ， 视 觉 心 理 上 的 重 
心 ， 是 版 面 中 最 具 吸 纪 
力 的 地 方 ， 它 能 走 
衡 画 面 的 作 帮 
根据 版 面 的 不 同时 
视觉 重心 在 版 面 中 的 位 
置 是 变化 的 (图 5. 26) ， 而 
重心 的 变化 会 引起 人 们 
心理 感受 的 变化 。 
重心 视觉 流程 的 
EE 要 呈现 形式 是 放射 式 
.27) 。 它 是 一 种 基 






























5.24 | 5.25 
5. 26 | 5. 27 

















图 5.24 图形 处 在 重心 偏 上 的 部 位 ， 它 是 版 面 中 最 具 吸 本 形 和 骨骼 单元 环绕 着 
0 一 个 或 多 个 共同 的 中 心 
图 5.25 视觉 心理 上 的 重心 ， 可 以 起 到 平衡 画面 的 作用 而 排列 的 构成 形式 。 
图 5. 26 模拟 设计 一 一 强生 /根据 版 面 的 需要 ， 视 沉重 这 种 视 和 流 各 以 关于 戈 
心 的 位 置 是 变化 的 / 梁 思 均 点 、 线 等 形象 作为 视线 
了 将 元 素 集 中 

5. 27 “视觉 流程 是 放射 式 ， 呈 现 多 样 统一 的 视觉 效果 泛 导 将 多 各 元康 集 叶 








于 一 个 中 心 点 上 ， 呈 现 
多 样 统一 的 视觉 效果 。 





(3) 导向 式 视觉 流程 。 

导向 式 视觉 流程 是 通过 诱导 性 视觉 元 素 ， 主 动 引导 读者 视线 向 一 定 方向 顺序 运 
动 ， 按 照 由 主 及 次 ， 把 画面 各 构成 要 素 依 序 串联 起 来 ， 形 成 一 个 有 机 整体 。 编 排 设计 
的 导向 表现 方式 多 样 ， 如 文字 导向 、 图 片 导 向 、 色 彩 导 向 和 视线 导向 等 。 导 向 式 视觉 


流程 是 一 


指向 性 ， 


5.28 | 5.29 


5.30 











种 有 明确 目的 的 流程 安排 ， 它 脉络 清晰 、 逻 辑 性 强 ， 在 平面 设计 中 有 很 强 的 
能 够 在 较 短 的 时 间 内 引导 读者 视线 ， 如 图 5. 28 一 图 5. 31 所 示 。 


SLEAZENATION 


PM WITH STUPID 





5. 28 《纽约 时 报 杂 志 》/ 诱 导 性 的 视觉 元 素 





5. 29 ”主动 引导 读者 的 视线 向 一 定 方向 移动 
5.31 5. 30 ”文字 导向 ， 具 有 很 强 的 指向 性 

















5.31 ” 反 战 海报 /视线 导向 ， 明 确 清晰 ， 给 人 极 强 的 视觉 冲击 力 / 西 摩 切 斯 瓦特 
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(4) 反复 式 视觉 流程 。 


反复 式 视 觉 流 程 是 指 多 个 相同 或 相似 的 视觉 要 素 在 画面 中 反复 进行 有 规律 、 有 


秩序 的 排列 组 合 。 这 种 视觉 流程 的 安排 比较 适合 有 多 个 并 列 的 画面 重点 的 设计 ， 形 








成 版 面 形象 的 连续 性 ， 它 比 单 向 视觉 流程 更 加 强烈 ， 下 





序 感 和 韵律 美 。 被 重复 的 视觉 元 素 不 一 定 完全 相同 ， 具 有 相同 特性 、 类 别 的 元 素 都 














可 以 运用 。 





反复 式 视 觉 流程 适合 于 安排 许多 分 量 相同 的 视觉 元 素 ， 如 介绍 一 组 产品 、 系 列 事 


下 加 具有 空间 感 、 节 奏 感 、 秩 














物 等 。 重 复 强 调 的 部 分 ， 可 以 是 图 片 ， 也 可 以 是 标题 、 标 志 等 。 在 运用 反复 式 视觉 流 
程 时 ， 也 可 以 让 少数 的 、 个 别 的 要 素 显得 与 众 不 同 ， 由 这 种 突变 使 版 面 产生 生动 感人 





的 视觉 效果 ， 如 图 5. 32 一 图 5. 35 所 示 。 














5.32 | 5.33 
5.34 | 5. 35 


图 5. 32 ”麦当劳 宣传 菜单 

图 5. 33 石 家 豪 的 文化 生 
活 /个 别 要 素 与 众 不 同 的 版 
面 效 果 


图 5. 34 相同 的 图 标 ， 不 
同 的 色彩 ， 产 生生 动感 人 
的 视觉 效果 / 王 婷 婷 


图 5. 35” 拍 立 得 相机 海报 / 
薛 夸 





(5) 十 字形 视 


流程 。 


十 字形 视觉 流程 是 指 由 垂直 线 、 水 平 线 或 创 






-， 使 得 


其 最 大 的 信息 传达 功能 ， 如 图 5. 36 一 图 5. 39 所 示 。 





四 


[4 


5.36 | 5.37 
5.38 | 5.39 


6 
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5. 36 


5.37 





名 
第 69 届 学 院 奖 纪念 海报 /阿诺德 。 施 瓦 效 曼 
倾斜 的 交叉 构图 / 乔 玮 洁 
文字 的 跳跃 性 具有 独特 的 情趣 / 刘 志 
文字 与 图 形 构成 的 十 字形 / 王 婷 婷 


到 ， 各 线 上 下 左右 相互 交 
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(6) 耗 散 式 视觉 流程 。 
耗 散 式 视觉 流程 是 指 版 面 的 各 种 元 素 呈 分 散 状态 ， 没 有 明显 方向 性 的 编 











它 是 以 反 传 统 美学 为 中 心 ， 打 破 常规 的 秩序 与 规律 ， 强 调 感性 、 随 意 性 和 自 





设计 ， 





























活泼 、 自 由 的 表现 形式 。 耗 散 式 视觉 流程 依赖 人 的 直觉 判断 ， 追 求 新 奇 、 现 


重 个 人 的 审美 追求 和 自我 价值 的 体现 。 耗 散 式 视觉 流程 没有 固定 的 视觉 流动 线 ， 文 字 
的 随意 排列 、 图 形 的 任意 变形 与 抽象 、 文 字 与 图 形 混杂 的 组 合 等 ， 使 画面 呈现 感性 、 


激 的 心 


态 ， 表 现 作者 的 情感 宣泄 ， 它 是 一 种 富有 张力 的 视觉 形式 。 耗 散 式 视觉 流程 时 常 给 人 
随意 、 感 性 、 自 由 、 生 动 、 轻 松 、 活 泼 之 感 ， 但 要 注意 避免 杂乱 和 松散 ， 保 持 版 面 形 





式 的 统一 性 ， 如 图 5. 40 一 图 5. 43 所 示 。 
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图 5. 40 ”展览 墙 /手绘 的 插图 和 无 规则 的 排版 让 设计 显得 灵动 
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5.41 | 5.42 
5.43 


图 5. 41 第 八 届 东 京 国际 版 画 双 年 展 / 
将 文字 、 图 形 、 色 彩 呈 散 点 式 排列 ， 极 
富 艺术 性 / 杉 浦 康平 


图 5. 42 莱比锡 印刷 艺术 博物 馆 海 报 / 
散 点 虽然 无 序 ， 但 需 设 计 师 精心 设计 


图 5. 43 关于 “SWEET SIGNS” 展 览 的 
书籍 
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单元 训练 和 作业 


1， 课 题 内 容 ， 视 区 分 布 和 最 佳 视 域 训练 

课题 时 间 ，2 学 时 。 

课题 主题 。 报纸 版 式 设计 。 

课题 要 求 : 

(1) 确定 报纸 的 内 容 和 主题 ， 并 对 主题 进行 分 析 。 

(2) 对 报纸 进行 分 栏 ， 对 其 主要 内 容 和 次 要 内 容 进行 视 区 分 布 。 
(3) 对 图 片 进 行 有 效 剪裁 ， 采 取 图 文 结合 的 混 排 方式 3 

训练 目的 : 培养 学 生 的 分 析 、 判 断 能 力 和 综合 构成 能 力 

2， 课 是 内容， 排列 方式 和 视觉 流程 练习 AAA 

课题 时 间 ，2 学 时 。 sR) 

课题 主题 ， 旅游 宣 传单 设计 。 Ar-、 

课题 要 求 : RS 

CD 确立 编排 的 内 容 和 主题 , 拳 对 主题 进行 分 析 . 

(2) 可 以 采取 单 向 、 Re 导向 式 、 Rr 十 字形 、 耗 散 式 等 视觉 流 














程 的 形式 。 


训练 目的 : pin tit 
3， 理 论 思考 

(1) 课外 查阅 二 份 小 报 ， 思考 该 拉 答 的 祝 区 分 布 和 最 佳 视 城 。 

(2) 欣赏 相关 作品 ， 思 考 版 面 设计 中 的 视觉 流程 形式 。 








